#landing-page{
    float: left;
    height: auto;
    position: relative;
    display: inline;
    margin: 0;
    max-height: 768px;
    overflow: auto;
    padding: 0;
    /*width: 1349px;*/
    overflow-x: auto;
    width:100%;
} 

/***********************************HEADER CSS STARTS HERE*******************************************/
#landing-page .header_container {
    background-color: #219998;
    height: 80px;
    left: 0;
    /*min-width: 1349px;*/
    top: 0;
    width: 100%;
    z-index: 1;
    position: fixed;
}

#landing-page .header {
    height: 80px;
    text-align: center;
    width: 100%;
}

#landing-page .head-left {
    cursor: pointer;
    float: left;
    height: 53px;
    padding: 22px 22px;
    text-align: left;
    width: 13%;
}

#landing-page .head-center {
    /*color: #eee;
    float: left;
    font-size: 35px;
    height: 70px;
    text-transform: uppercase;*/
    /*width: 53%;*/
    /*width: 40%;*/
}

#landing-page .head-right {
    float: right;
    height: 70px;
    text-align: right;
    /*width: 30%;*/
    width: 45%;
}
#landing-page #ElearningDesktop #loginf .row .col.s4 {

    height: 2em !important;
    margin-left: -21px;
    margin-top: 0;
    width: 36%;

}
#landing-page #ElearningDesktop .head-right{
    width: 58%;
}
#landing-page #ElearningDesktop .butsignup{
    width: 83px;
    top: 25px;
    left: 0px;
}
#landing-page #selectlevels #cat_list .nav-tab-pills{
    padding:0px 4px;
}
#landing-page #cat_list .nav-tab-pills{
    margin-top: 0px;
    margin-left: 0px;
    position: fixed;
}
#landing-page #cat_list .nav-tab-pills.educationli{
    margin-top: 20px;
}
#landing-page .nav-tab-pills {
    margin-top: 74px;
}
#landing-page #cat_list1 .nav-tab-pills{
    margin-top: 77px;
    padding:0px;
    margin-left: 0px;
    width: 874px;
    position: fixed;
    z-index: 1000;
}
#landing-page #cat_list1 .nav-tab-pills.educationli{
    margin-top: 17px;
}

#landing-page .forpass {
    float: right;
    margin: 2px 78px 0px 0px;
    color: #ffffff;
    cursor: pointer !important;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
}

#landing-page .forpass:hover{
	color: #F5393A;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
}

#landing-page .forpass:focus {
	color: #F5393A;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
}

#landing-page .butlogout {
    background-color: #219998;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    height: 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    /*transition-duration: 0.4s;*/
    width: 75px;
    top:25px;
}

#landing-page .butlogout:hover {
   background-color: #ffffff;
   border:0px solid #ffffff;
   color:#50c6c6;
}
#landing-page .butsignup {
    background-color: #219998;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    height: 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    /*transition-duration: 0.4s;*/
    width: 83px;
    top: -6px;
    left: 92px;
}

#landing-page .butsignup:hover {
   background-color: #ffffff;
   border:0px solid #ffffff;
   color:#50c6c6;
}

#loginf .input-field .wrong{
    float: none; 
    color: red; 
    margin-top:1.2em;
}
/***********************************HEADER CSS ENDS HERE*******************************************/

/***********************************FOOTER CSS STARTS HERE*******************************************/
#landing-page .footer_container {
    background-color: #219998;
    bottom: 0;
    height: 130px;
    min-width: 1349px;
    width: 100%;
    float:left;
}

#landing-page .footer {
    clear: both;
    line-height: 10px;
    margin: 0 auto;
    padding: 2px 0;
    position: relative;
    text-align: center;
    width: 100%;
}

#landing-page .footer1-line {
    clear: both;
    color: #ffffff;
    float: left;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 8px;
    margin-top: 4px;
    text-align: center;
    width: 100%;
}
#landing-page .footer1-line .ft {
    color: #fff !important;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 0 4px;
    text-decoration: none;
}
#landing-page .footer1-line .ft:hover {
    font-size: 14px;
	color: #F5393A;
	font-family: Arial,Helvetica,sans-serif;
}
#landing-page .footer1-line .ft:focus {
    font-size: 14px;
	color: #F5393A;
	font-family: Arial,Helvetica,sans-serif;
}
#landing-page #footcont .foottext {
    color: #ffffff;
    font-size: 14px;
}

#login_user-error{
    width: 176px;
    margin-left: 6px;
    margin-top:-4px !important;
}
#login_pass-error{
    width: 178px;
    margin-left: 5px;
    margin-top:-6px !important;
}
/***********************************FOOTER CSS ENDS HERE*******************************************/

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #219998 inset !important;
    -webkit-text-fill-color: white !important;
}
input#email,input#password,input#username,input#firstname,input#lastname:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #013a65 inset !important;
    -webkit-text-fill-color: white !important;
}
#reset-form input#password{
    -webkit-box-shadow: unset !important;
    -webkit-text-fill-color: black !important;
}
.mobile{
        display: none;
}
#Image_landing-mid,#WoLoginPicHeader,#footcont{
    display :block;
}
/*#landing-page{
        float:left;
    }*/
    .images-mid-container .pvtrpage-box{
        background-color:transparent;
    }
    @media only screen and (min-width : 481px) and (max-width : 767px){
        #pv-phvdal-show #lightgallery > a {
            min-width: 50% !important;
            width: 50% !important;
            margin:0px !important;
            padding: 0 5px !important;
        }
    }
@media only screen and (min-width : 320px) and (max-width : 767px){
    #landing-page{
        float:none;
    }
    #Image_landing-mid,#footcont{
        display :none !important;
    }
    .images-mid-container #ddmenu {
        margin-top: 30px !important;
    }
    #landing-page1{
        height: auto;
        position: relative;
        display: inline;
        margin: 0;
        max-height: 768px;
        overflow: auto;
        padding: 0;
        width: 1349px;
        overflow-x: auto;
    }
    .mobile{
        display: block !important;
    }
    #top-header {
        background: #50c6c6;
        width: 100%;
        height: 50px;
        line-height: 50px;
        padding-left: 5px;
        padding-right: 6px;
        float: left;
        margin-bottom: 7px;
    }
    #top-header .menu {
        width: 34px;
        float: left;
        text-align: left;
    }
    #top-header #glyphicon-menu-hamburger {
        font-size: 20px;
        text-align: center;
    } 
    #top-header .glyphicon-color {
        color: #ffffff;
    }
    #top-header .glyphicon{
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;

    }
    #top-header .glyphicon-align-justify:before {
        content: "\e055";
    }
    .slide-div.uparrowdiv{
        display: none;
        float: left;
        background: rgb(80, 198, 198);
        width: 120px;
        position: absolute;
        z-index: 999;
    }
            
    .main-category {
        height: 35px;
        float: left;
        width: 90%;
    }
    .m-m-p {
        float: left;
        padding: 3px 0px !important;
        line-height: 140%;
    }
    .m-m-text:visited {
        color: #ffffff;
        text-decoration: none;
        font-size: 12px;
        /* font-weight: bold; */
    }
    .m-m-text:link {
        color: #ffffff;
        text-decoration: none;
        font-size: 12px;
        position: relative;
        top: 5px;
        /* font-weight: bold; */
    }
    .main-menu2 {
        width: 20px;
        height: 20px;
        display: table;
        margin: 5px;
        float: left;
        margin-right: 7px;
    }
    .desktop{
        display: none;
    }
    .container{
        padding-left: 4px;
        padding-right: 4px;
        width: 100%;
    }
    div.phb {
        width: 32%;
    }
    #lightgallery > a{
        /*max-width: 50% !important;*/
        width: 96% !important;
        min-width: 96%;
    }
    /*----------Menu header-----*/	   
    #WoLoginPicHeader  .navbar-big{
        padding-left: 0px !important;
        min-width: 270px !important;
        padding-top: 0px !important;
    }
    div#fisheye{
        display:none;
    }
    div.main_div_1{
        display:none;
    }
    div.fpwd > a{
        display:none !important;
    }
    div.user_signin{
        display:none;
    }
    .logoclass{
        display:none;
    }
	   
    #PictureHeader   #containerbelowheader{
        display:none;
    }
    .navbar-big{
        padding-top: 0px !important;
        min-width: 250px !important;
        padding-left: 0px;
        height: 50px;
    }
    .cntnr{
        margin-top: 0px !important;
    }
    #ddmenu i.caret{
        left: -6px;
        display: none !important;
    }
	   
	   
    /*---------ddmenu -------*/
    .main-img-contr #ddmenu{
        display:block;
        background-color: transparent;
        height: 33px !important;
    }
    .main-img-contr #ddmenu ul{
        background-color: #219998;
        border:none;
        width: 100%;
    }
           
    #ddmenu li{
        font-size: 13px !important;
        line-height: 25px !important;
    } 
    
    #ddmenu .top-heading{
        margin: 0px 10px !important;
    }
    #ddmenu .dd-inner{
        width: 97%;
        padding: 5px;
        margin: 5px;
    }
    a.innera{
        width: 130px;		   
    }
    /*-------Search Btn------*/
    .input-group-btn .btn{
        padding: 5px 12px;
        border: 0px solid transparent;
    }
    #landing-page .input-group-btn .btn{
        padding: 1px 12px;
    }
    #sboxtop {
        background: transparent;
        height: 43px !important;
        padding: 5px;
        position: relative;
        float: right;
        padding-right: 0;
        right: 1px;
        top: 2px;
        width: 31%;
        line-height: 34px;
     }
    #sboxtop .input-group {
        position: relative;
        display: table;
        border-collapse: separate;
    }
    #sboxtop .input-group .form-control:first-child{
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        height: 35px;
        /*width:70%;*/
    }
    #sboxtop .input-group .form-control {
        display: table-cell;
    }
    #sboxtop .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }
    #sboxtop .input-group ::-webkit-input-placeholder { 
        color: #000 !important;
    }
    #sboxtop .input-group input {
        background-color: #fff;
        border: 1px solid #50c6c6;
        border-radius: 4px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        color: #555555;
        display: block;
        font-size: 12px;
        line-height: 1.42857;
        padding-left: 5px;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    }
    
    #sboxtop .input-group-btn {
        position: relative;
        font-size: 0;
        white-space: nowrap;
        width: 1%;
        vertical-align: middle;
        display: table-cell;
    }
    .input-group-btn:last-child > .btn{
        margin-left: 5px !important;
    }
    #sboxtop .btn{
        background-color: #fff;
        height: 35px;
    }
    #sboxtop .glyphicon-search {
        color: #50c6c6 !important;
    }
    .main-img-contr .container {
        margin-right: 0px !important;
        width: 100%;
        padding-left: 4px;
        padding-right: 4px;
    }
    .main-img-contr .container .jobtrackerdiv{
        padding-left: 10px;
        padding-right: 10px;
    }
    .main-img-contr .container .jobtrackerindiv nav{
        box-shadow: none;
    }
    .main-img-contr .pvtrpage-box{
        width: 100%;
        background-color: transparent;
    }
    #lightgallery{
        margin-left: 0px !important;
        margin-top: 20px;
    }
    .main-menu2{
        border-radius: 250px;
    }
    #WoLoginPicHeader .head-left {
        padding: 12px 12px 0px !important;
         display: block !important; 
    }
    #WoLoginPicHeader .head-right {
        margin-top: 0% !important;
    }
   }
   
@media only screen and (min-width:320px) and (max-width:480px){
    #lightgallery > a{
        width: 96% !important;
        min-width: 94%;
    }
    #ddmenu .dd-inner{
        margin:6px !important;
    }
    a.innera {
        width: 115px !important;
        font-size: 13px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 849px){
    #landing-page .head-center{
        width: 9.5%;
    }
}
@media only screen and (min-width: 850px) and (max-width: 939px){
    #landing-page .head-center{
        width: 14%;
    }
}
@media only screen and (min-width: 940px) and (max-width: 991px){
    #landing-page .head-center{
        width: 22%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1023px){
    #landing-page .head-center {
        width: 25%;
    }
}
@media only screen and (min-width:1024px) and (max-width:1045px){
    #landing-page .head-center {
        width: 25%;
    }
}
@media only screen and (min-width:1046px) and (max-width:1109px){
    #landing-page .head-center {
        width: 30%;
    }
}
@media only screen and (min-width: 1110px) and (max-width: 1200px){
    #landing-page .head-center {
        width: 34%;
    }
}
@media only screen and (min-width: 920px) and (max-width: 1100px){
    #landing-page #ElearningDesktop .head-right {
        width: 54%;
    }
}
@media only screen and (min-width: 1101px) and (max-width: 1259px){
    #landing-page #ElearningDesktop .head-right {
        width: 49%;
    }
}
@media only screen and (min-width: 1260px){
    #landing-page #ElearningDesktop .head-right {
        width: 43%;
    }
}