/* Responsive CSS */
*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;overflow-x:hidden}

.wrapper,.container{width:100%;/*max-width:1400px;*/margin:auto; /*padding:10px*/}
.wrapperheader {
    padding: 0 !important;
    margin: 0;
}

.wrapperheader .headerDesign {
    padding: 0 !important;
    margin: 0;
}

.wrapperheader img {
    display: block;
    height: auto;
}
.row{display:flex;flex-wrap:wrap;/*margin:0 -10px*/}
.col-50,.col-75{width:100%;padding:10px}
@media(min-width:768px){
.col-50{width:50%}
.col-75{width:75%}
}
img{max-width:100%;/*height:auto;*//*display:block*/}
input,select,textarea{
width:100%;
max-width:100%;
padding:10px 12px;
border:1px solid #ccc;
border-radius:4px;
font-size:15px;
}
button{
padding:10px 12px;
border:1px solid #ccc;
border-radius:4px;
font-size:15px;
}
textarea{resize:vertical;min-height:120px}
label{display:block;font-weight:600;margin-bottom:6px;line-height:1.4}
.form-action{text-align:center;padding:20px 0}
.form-action input[type=submit]{
width:100%;
max-width:100px;
padding:4px !important;
cursor:pointer;
}
.table-responsive{
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
.custom-table{
width:100%;
min-width:1200px;
border-collapse:collapse;
}
.custom-table th,.custom-table td{
border:1px solid #ddd;
padding:8px;
vertical-align:top;
}
canvas{max-width:100%;height:auto}
input[type=file]{padding:6px}
.error-text{color:#d00;font-size:13px;margin-top:4px}
.input-error{border-color:#d00!important}
@media(max-width:991px){
.wrapper,.container{padding:12px}
.custom-table{min-width:100%}
td {
width:100% !important;
}
.recruitmentdetails {
	padding: 5px;
}
}
@media(max-width:767px){
body{font-size:14px}
.wrapper,.container{padding:10px}
.row{margin:0}
.col-50,.col-75{padding:8px}
input,select,textarea{font-size:16px}
.custom-table{min-width:100%}
canvas{margin-top:5px}
}
@media(max-width:480px){
.wrapper,.container{padding:0px;}
label{font-size:13px}
.form-action input[type=submit]{max-width:100%}
}
@media print{
.form-action{display:none}
body{background:#fff}
}
.mt-1{margin-top:1px}
.mt-2{margin-top:2px}
.mt-3{margin-top:3px}
.mt-4{margin-top:4px}
.mt-5{margin-top:5px}
.mt-6{margin-top:6px}
.mt-7{margin-top:7px}
.mt-8{margin-top:8px}
.mt-9{margin-top:9px}
.mt-10{margin-top:10px}
.mt-11{margin-top:11px}
.mt-12{margin-top:12px}
.mt-13{margin-top:13px}
.mt-14{margin-top:14px}
.mt-15{margin-top:15px}
.mt-16{margin-top:16px}
.mt-17{margin-top:17px}
.mt-18{margin-top:18px}
.mt-19{margin-top:19px}
.mt-20{margin-top:20px}
.mt-21{margin-top:21px}
.mt-22{margin-top:22px}
.mt-23{margin-top:23px}
.mt-24{margin-top:24px}
.mt-25{margin-top:25px}
.mt-26{margin-top:26px}
.mt-27{margin-top:27px}
.mt-28{margin-top:28px}
.mt-29{margin-top:29px}
.mt-30{margin-top:30px}
.mt-31{margin-top:31px}
.mt-32{margin-top:32px}
.mt-33{margin-top:33px}
.mt-34{margin-top:34px}
.mt-35{margin-top:35px}
.mt-36{margin-top:36px}
.mt-37{margin-top:37px}
.mt-38{margin-top:38px}
.mt-39{margin-top:39px}
.mt-40{margin-top:40px}
.mt-41{margin-top:41px}
.mt-42{margin-top:42px}
.mt-43{margin-top:43px}
.mt-44{margin-top:44px}
.mt-45{margin-top:45px}
.mt-46{margin-top:46px}
.mt-47{margin-top:47px}
.mt-48{margin-top:48px}
.mt-49{margin-top:49px}
.mt-50{margin-top:50px}
.mt-51{margin-top:51px}
.mt-52{margin-top:52px}
.mt-53{margin-top:53px}
.mt-54{margin-top:54px}
.mt-55{margin-top:55px}
.mt-56{margin-top:56px}
.mt-57{margin-top:57px}
.mt-58{margin-top:58px}
.mt-59{margin-top:59px}
.mt-60{margin-top:60px}
.mt-61{margin-top:61px}
.mt-62{margin-top:62px}
.mt-63{margin-top:63px}
.mt-64{margin-top:64px}
.mt-65{margin-top:65px}
.mt-66{margin-top:66px}
.mt-67{margin-top:67px}
.mt-68{margin-top:68px}
.mt-69{margin-top:69px}
.mt-70{margin-top:70px}
.mt-71{margin-top:71px}
.mt-72{margin-top:72px}
.mt-73{margin-top:73px}
.mt-74{margin-top:74px}
.mt-75{margin-top:75px}
.mt-76{margin-top:76px}
.mt-77{margin-top:77px}
.mt-78{margin-top:78px}
.mt-79{margin-top:79px}
.mt-80{margin-top:80px}
.mt-81{margin-top:81px}
.mt-82{margin-top:82px}
.mt-83{margin-top:83px}
.mt-84{margin-top:84px}
.mt-85{margin-top:85px}
.mt-86{margin-top:86px}
.mt-87{margin-top:87px}
.mt-88{margin-top:88px}
.mt-89{margin-top:89px}
.mt-90{margin-top:90px}
.mt-91{margin-top:91px}
.mt-92{margin-top:92px}
.mt-93{margin-top:93px}
.mt-94{margin-top:94px}
.mt-95{margin-top:95px}
.mt-96{margin-top:96px}
.mt-97{margin-top:97px}
.mt-98{margin-top:98px}
.mt-99{margin-top:99px}
.mt-100{margin-top:100px}
.mt-101{margin-top:101px}
.mt-102{margin-top:102px}
.mt-103{margin-top:103px}
.mt-104{margin-top:104px}
.mt-105{margin-top:105px}
.mt-106{margin-top:106px}
.mt-107{margin-top:107px}
.mt-108{margin-top:108px}
.mt-109{margin-top:109px}
.mt-110{margin-top:110px}
.mt-111{margin-top:111px}
.mt-112{margin-top:112px}
.mt-113{margin-top:113px}
.mt-114{margin-top:114px}
.mt-115{margin-top:115px}
.mt-116{margin-top:116px}
.mt-117{margin-top:117px}
.mt-118{margin-top:118px}
.mt-119{margin-top:119px}
.mt-120{margin-top:120px}
.mt-121{margin-top:121px}
.mt-122{margin-top:122px}
.mt-123{margin-top:123px}
.mt-124{margin-top:124px}
.mt-125{margin-top:125px}
.mt-126{margin-top:126px}
.mt-127{margin-top:127px}
.mt-128{margin-top:128px}
.mt-129{margin-top:129px}
.mt-130{margin-top:130px}
.mt-131{margin-top:131px}
.mt-132{margin-top:132px}
.mt-133{margin-top:133px}
.mt-134{margin-top:134px}
.mt-135{margin-top:135px}
.mt-136{margin-top:136px}
.mt-137{margin-top:137px}
.mt-138{margin-top:138px}
.mt-139{margin-top:139px}
.mt-140{margin-top:140px}
.mt-141{margin-top:141px}
.mt-142{margin-top:142px}
.mt-143{margin-top:143px}
.mt-144{margin-top:144px}
.mt-145{margin-top:145px}
.mt-146{margin-top:146px}
.mt-147{margin-top:147px}
.mt-148{margin-top:148px}
.mt-149{margin-top:149px}
.mt-150{margin-top:150px}
.mt-151{margin-top:151px}
.mt-152{margin-top:152px}
.mt-153{margin-top:153px}
.mt-154{margin-top:154px}
.mt-155{margin-top:155px}
.mt-156{margin-top:156px}
.mt-157{margin-top:157px}
.mt-158{margin-top:158px}
.mt-159{margin-top:159px}
.mt-160{margin-top:160px}
.mt-161{margin-top:161px}
.mt-162{margin-top:162px}
.mt-163{margin-top:163px}
.mt-164{margin-top:164px}
.mt-165{margin-top:165px}
.mt-166{margin-top:166px}
.mt-167{margin-top:167px}
.mt-168{margin-top:168px}
.mt-169{margin-top:169px}
.mt-170{margin-top:170px}
.mt-171{margin-top:171px}
.mt-172{margin-top:172px}
.mt-173{margin-top:173px}
.mt-174{margin-top:174px}
.mt-175{margin-top:175px}
.mt-176{margin-top:176px}
.mt-177{margin-top:177px}
.mt-178{margin-top:178px}
.mt-179{margin-top:179px}
.mt-180{margin-top:180px}
.mt-181{margin-top:181px}
.mt-182{margin-top:182px}
.mt-183{margin-top:183px}
.mt-184{margin-top:184px}
.mt-185{margin-top:185px}
.mt-186{margin-top:186px}
.mt-187{margin-top:187px}
.mt-188{margin-top:188px}
.mt-189{margin-top:189px}
.mt-190{margin-top:190px}
.mt-191{margin-top:191px}
.mt-192{margin-top:192px}
.mt-193{margin-top:193px}
.mt-194{margin-top:194px}
.mt-195{margin-top:195px}
.mt-196{margin-top:196px}
.mt-197{margin-top:197px}
.mt-198{margin-top:198px}
.mt-199{margin-top:199px}
.mt-200{margin-top:200px}

/* GENERAL */

body{
    overflow-x:hidden;
}

.main-content-container{
    max-width:1200px;
    margin:auto;
}

.headerDesign img{
    width:100%;
    height:auto;
    display:block;
}

.app-section-bg{
    padding:25px;
}

/* TABLE */

.applyposition{
    width:100%;
    min-width:700px;
}

.applyposition th,
.applyposition td{
    padding:12px 10px;
    vertical-align:middle;
}

.last-date2{
    white-space:nowrap;
}

.show_remaining_hrs{
    display:block;
    font-size:12px;
    line-height:18px;
}

/* Tablet */

@media (max-width:991px){

    .app-section-bg{
        padding:18px;
    }

    .applyposition th,
    .applyposition td{
        font-size:14px;
        padding:10px 8px;
    }

}

/* Mobile */

@media (max-width:767px){

    .container,
    .container-fluid{
        padding-left:12px;
        padding-right:12px;
    }

    .app-section-bg{
        padding:12px;
    }

    .applyposition{
        min-width:650px;
    }

    .applyposition th,
    .applyposition td{
        font-size:13px;
        padding:8px 6px;
    }

    .show_remaining_hrs{
        font-size:11px;
        line-height:15px;
    }

}

/* Small phones */

@media (max-width:480px){

    .app-section-bg{
        padding:10px;
    }

    .applyposition{
        min-width:100%;
    }

    .applyposition th,
    .applyposition td{
        font-size:12px;
    }

}
footer{
    width:100%;
}

footer .container{
    /*max-width:100% !important;*/
}

footer .container img{
    width:100% !important;
}