@media screen and (min-width: 1680px) {
    .contact-footer{
        position:fixed;
        width:100%;
        bottom:0;
    }
}
@media screen and (min-width: 1400px) {
    .sign-up-banner{
        height:81vh;
    }
    .sign-up-footer{
        height:20vh;
    }
    .sign-up-banner .banner-holder{
            height: 81vh;
    }
    .footer-normal .footer-top{
        padding:30px 0;
    }
    .sign-up-boxes{
        display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
    }    
    .sign-up-boxes .banner-boxes{
    position:static;
    }

}
/*16/11/2016*/
@media screen and (min-width: 1200px) {
    .select-container.profile-select.desired-positions{
        width:320px;
    }
    /*9/12/2016*/
    #myModal-5 .modal-dialog, #myModal-2 .modal-dialog{
    height: 640px;
}
/*13/4/2018*/
.owl-carousel{
    width:1000px;
        margin: 0 auto;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev:hover{
     left: -55px;
}

}
/**/
/*select box updates 9/7/2016*/	
@media (min-width: 992px) {
    .col-md-15 {
        width: 33.33%;
        float: left;
    }
  
}
/*safari vh*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari 5+ ONLY */
    ::i-block-chrome, .sign-up-boxes .banner-boxes{
        margin-top:240px;
    }
}
@media screen and (min-width: 1920px) {
    .sign-up-banner{
        height:87vh;
    }
    .sign-up-footer{
        height:13vh;
    }
      .sign-up-banner .banner-holder{
            height: 87vh;
    }
}
@media screen and (max-width: 1400px) {
    .sign-up-boxes .banner-boxes{
        margin-top:0;
    }
}
/*banner to slider*/
@media screen and (max-width: 1200px) {
	.banner-holder{
	width:970px;
}
    .htw-text-sec{
     width: 245px;
}
.htw-text-sec h4{
        font-size: 25px;
}
.how-it-works p{
        font-size: 17px;
}
/*30/11/2016*/
.min-desire-right{
        float: left;
    width: 660px;
}
.job-seeking-preferences .job-position label.internal-use{
        margin-left: 0;
}
 /*2/12/2016*/
     .select-container.profile-select.desired-positions{
        width:auto;
    }
    /**/
    /*5/12/2016*/
    .job-position li .profile-form-field select{
        width:100%;
    }
}
@media screen and (max-width: 1024px) {
    .banner,.apply-job-section,.about-banner{
        background-attachment:scroll;
    }
}
/*12/12/2016*/
@media only screen and (min-width:768px) and (max-width: 1024px)  {
 .select-container.profile-select {
        width: 80px;
    }
}
/*12/12/2016*/
@media only screen and (min-width:992px) and (max-width: 1024px)  {
    .ipad-align {min-height: 100px;}
}
/**/
@media screen and (max-width: 992px) {
    /*header*/
    .navbar-default .navbar-nav > li > a.login{
            padding: 7px 15px;
    }
    .navbar-default .navbar-nav > li > a{
            padding: 8px 6px;
    }
    .navbar-default .navbar-nav > li > a{
        letter-spacing: 0.3px;
    }

    /*banner-part*/
    .how-it-works{
        padding: 200px 0 95px 0;
    }
    .banner-boxes{
        width: 100%;
        top: 77%;
    }
    .banner-box{
        width:345px;
        margin-left: 0;
        margin-top: 20px;
    }
    .need-job{
        float:right;
    }
    /*footer*/
    .footer-logo{
            float: none;
    text-align: center;
    }
    .footer-menus{
            float: none!important;
    width: 742px;
    margin: 15px auto;
    }
    .footer-menus{
            width: 100%;
    }
    .footer-top .nav li{
        float:left;
    }
    .footer-top ul.navbar-left{
        width: 480px;
    margin: 0 auto;
    }
      .footer-top ul.navbar-right{
        width: 270px;
    margin: 15px auto;
    }
    .footer-top .nav li a.login{
                padding: 9px 32px;
    }
    .footer-top .nav li a.login:hover{
        padding: 7px 30px;
    }
    .footer-top ul li a{
        padding:0 10px;
    }
    .footer-top ul.navbar-left, .footer-top ul.navbar-right{
        float:none!important
    }
    /*Jobs page*/
/*    .select-container{
        margin-bottom:10px;
    }*/
		/*banner to slider*/
	.banner-holder{
	width:750px;
}
    .banner-box-holder .banner-boxes{
        width:750px;
    }
    .htw-text-sec{
            width: 175px;
    }
    .htw-text-sec h4{
            font-size: 22px;
    }
    .htw-text-sec p{
            font-size: 15px;
    }
	.how-it-works ul li{
		min-height: 135px;
		margin-bottom:25px;
	}
        /*30/11/2016*/
        .min-desire-right{
            width:440px;
        }
}
/*12/7/2016*/
@media only screen and (min-width:768px) and (max-width: 992px)  {
    .navbar-default .navbar-nav > li > a{
        font-size:14px;
    }
    /*12/8/2016*/
    .container > .navbar-header{
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .navbar-default .navbar-collapse{
        text-align: center;
    }
    .navbar > .container .navbar-brand{
        display: inline-block;
        float: none;
    }
    .navbar-right{
        float: none!important;
    }
    .navbar-nav > li{
        display: inline-block;
        float: none;
    }
    .client-cont-div hr{
        height: 1135px;
    }
   
}
@media screen and (max-width: 768px) {
   .beta{width:45px; height:16px; font-size:10px; line-height:14px; left:202px; top:33px;}
}
/**/    
@media screen and (max-width: 767px) {
    /*header*/
     .container{
        width:96%;
    }
    .header nav {
        background: #4aa0d2;
    }
    .navbar-default .navbar-toggle{
        margin:0;
    }
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
        background: none;
        border: 1px solid #ffffff;
    }
    .navbar-default .navbar-toggle .icon-bar{
        background-color: #ffffff;
    }
    .navbar-nav{
            margin-top: 20px;
    }
    .navbar-default .navbar-nav > li > a.login{
        margin-left: 0;
    background: none;
    padding: 8px 6px;
    }
/*changed*/
.navbar-default .navbar-nav > li > a.login.sign-up{
	background:none!important;
		color:#ffffff!important;
}
.navbar-default .navbar-nav > li > a.login.sign-up:hover{
	background:none!important;
		color:#333!important;
}
	.navbar-default .navbar-nav > li > a.login.sign-up-2{
		background:none;
		color:#ffffff;
	}
	.navbar-default .navbar-nav > li > a.login.sign-up-2:hover{
		background:none;
		color:#333;
	}
	/*changed*/
    .navbar-default .navbar-nav > li > a.login:hover{
        background:none;
    }
    /*banner adjustments*/
    .banner-boxes, .banner-box{
        width:360px;
    }
     /*banner-part*/
     .how-it-works{
        padding: 100px 0 95px 0;
    }
    .grey-bg{
        display:block;    
        height: 400px;
        background:#fbfcfe;
    }
        /*apply-job-section*/
        .apply-job-section, .apply-job-container{
            height:320px;
        }
    .apply-job-container{
            width: 450px;
    }
    .apply-job-content{
            width: 250px;
    }
    .apply-job-content h2{
            font-size: 33px;
            line-height: 35px;
    }
    .apply-job-content hr{
        margin:10px 0;
    }
    .apply-job-content p{
            font-size: 15px;
    }
    .apply-job-content .input-section span{
            margin: 0 7px;
    }
    .apply-job-content .input-section input{
            width: 150px;
    padding: 8px 15px;
    }
    .mobile-content img{
        width:100%;
        bottom:-48px;
    }
     .apply-job-content .input-section input::-webkit-input-placeholder {
     font-size: 13px;
}

 .apply-job-content .input-section input :-moz-placeholder { /* Firefox 18- */
     font-size: 13px;
}

 .apply-job-content .input-section input ::-moz-placeholder {  /* Firefox 19+ */
     font-size: 13px;
}

 .apply-job-content input-section input :-ms-input-placeholder {  
     font-size: 13px;
}
.apply-job-content .btn-section ul li a{
        background-size: 100%!important;
    width: 100px;
    height: 30px;
}
/*video player*/
/* iframe, .buttons {
  width: 450px;
    height: 270px;
}
 */
/*changed 2/9/2016*/
.video-section{
     width: 450px;
}
.video-bg, .video-bg img.video-backgnd, #video{
	width:100%;
	height:270px;
}

/*footer*/
.footer-top ul.navbar-left{
    width:450px;
}
.footer-top ul li a{
    font-size:15px;
}
/*jobs page*/
.job-title{
    margin-bottom:10px;
}
/*contact us page*/
.contact-us-box{
    width:90%;
        padding: 40px 10px 26px;
}
/*sign up page*/
.sign-up-banner{
        height: 1024px;
}
.sign-up-banner .banner-box.need-job{
        margin-top: 70px;
}
/*popup*/
/*changed 23/9/2016*/
#login-popup, #myModal-3 #login-popup{
    width:375px;
        padding:38px 20px 23px 20px;
}
/**/
.modal-dialog {
    width: 375px;
    position:static;
    margin:90px auto;
}
/*jobs page table issue*/
div#parent{
    overflow-x: auto!important;
}
/*banner - container*/
.banner-holder{
	width:96%;
}
/*banner to slider*/
    .banner-box-holder .banner-boxes{
        width:360px;
    }
    .client-cont-div{
       height:20px;
    }
    .client-cont-div hr{
            border-bottom: 1px solid #eeeeee;
            height:2px;
            width:100%;
            margin-top:45px;
    }
    /*29/11/2016*/
    .how-it-works ul li{
        margin-right:6px;
		min-height:0;
                height:auto;
                display:block;
                margin-bottom:50px;
    }
    /**/
	.htw-text-sec{
		width:100%;
	}
    .how-it-works ul{
        text-align: center;
    }
    .how-it-works ul h4{
        text-align: left;
    }
    .how-it-works ul p{
         text-align: left;
    }
    /*banner to slider*/
       .banner-content h1{
        font-size:35px;
        line-height: 40px;
    }
    .banner-content h4{
        font-size:18px;
    }
	.flex-direction-nav a{
		top:75%;
	}

/*28/9/2016*/
	.profile-section .job-position label{
		    margin-right: 20px;
	}
	/**/
          /*11/11/2016*/
        #video-play-btn{
            width: 50px;
            height: 50px;
        }
        #video-play-btn img{
            width:100%;
        }
        .video-bg{
            position:relative;
        }
        /*forgot password*/
        .forgot-pass-popup h1{
		font-size:20px;
	}
        /*forgot thanks message*/
        #login-popup.thanks-popup h4{
         font-size:16px;
        }
        #login-popup.thanks-popup h2{
         font-size:20px;
         line-height: 24px;
        }
        /**/
         /*12/11/2016*/
        .jobs .job-search-form .col-md-15{
            clear:both;
        }
        /*22/11/2016*/
        #dLabel{
        padding: 7px 6px;
    }
    .header .navbar-right .dropdown-menu.profile-dropdown li{
         margin-left: 15px;
    padding: 12px 0;
      color:#ffffff;
    }
    .header .navbar-right .dropdown-menu.profile-dropdown li a{
        color:#ffffff;
    }
      /*24/11/2016*/
      .job-position .job-heading .submit a{
          display:none;
      }
         /*30/11/2016*/
        .min-desire-right{
            width:100%;
        }
        /*12/7/2016*/
        .footer-top ul.navbar-left{
            width: 100%;
    text-align: center;
        }
        .footer-top .nav li{
            display: inline-block;
            float:none;
        }
        /**/
        /*12/10/2016*/
        .attach-res-div a{
            float: left;
            margin-bottom: 15px;
        }
        #myModal-job .applyJob{
                padding: 10px 15px;
    letter-spacing: 1px;
    font-size: 17px;
        }
        /*15/12/2016*/
        .job-seeking-preferences .job-position label{
                min-width: 190px;
        }
        .how-it-works .submit a{
            margin:0 auto;
        }
        /**/
        /*16/12/2016*/
        .footer-top ul li a.desktop-menu{
    display:none;
}
.footer-top ul li a.mobile-menu{
    display: block;
}
 /*16/12/2016*/
/*magnific popup*/
.white-popup-block {
  position: relative;
  background: #FFF;
  padding: 0;
  width: auto;
  max-width: 375px;
  margin: 20px auto;
}
.white-popup-block h3{
	     font-family: 'LatoLight'; 
    font-size: 33px;
    color: #525252;
    text-align: center;
    margin-top: 0;
}
.white-popup-block hr{
	    border-top: 2px solid #4aa0d2;
    margin: 21px auto;
}
.white-popup-block  ul li{
	list-style-type: none;
}
.white-popup-block  ul li label{
	display:none;
}
.white-popup-block  ul li input{
	    border: 2px solid #e7e8ec;
    width: 100%;
    padding: 10px 10px 10px 20px;
    font-size: 17px!important;
    border-radius: 5px;
    margin-bottom: 15px;
}
.white-popup-block .login.submit{
	    background: #4aa0d2;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    padding: 9px 34px;
    font-family: 'LatoBold';
    font-size: 16px;
    color: #ffffff;
    border: none;
}
.white-popup-block .create-forgot p{
	    font-family: 'LatoRegular';
    font-size: 16px;
    color: #525252;
    opacity: 1;
    text-align: center;
    width: 100%;
}
.white-popup-block .create-forgot p a{
	    color: #4aa0d2;
    text-decoration: underline;
    opacity: 1;
}
.linkedin-btn{
	float:none;
}

#signConfirm p span{display:inline;}
#signConfirm .btn-default {float:none!important; display:block; clear: both; width:100%; margin:0px!important;}
#signConfirm .btn-default:nth-child(2) {margin-top:10px!important;}	

}
	/*28/9/2016*/
@media screen and (max-width: 640px) {
	.profile-img-sec{
		width: 220px;
    float: none;
    margin: 0 auto;
	}
	.profile-section .job-position{
		    margin-left: 0;
    float: left;
    width: 100%;
    margin-top: 25px;
	}
}
/**/

@media screen and (max-width: 480px) {
    /*header-logo*/
    .logo{
        width: 220px;
        height: 30px;
        background-size: 100%;
        margin-top:3px;
    }
     /*banner adjustments*/
     .banner-content h1{
         font-size:40px;
         line-height: 45px;
     }
    .banner-boxes, .banner-box{
        width:100%;
    }
    .banner-box .find-button{
        width:200px;
    }
    /*apply-job-section*/
    .apply-job-section{
        height:720px;
    }
    .apply-job-container{
            display: block;
    width: 290px;
    }
    .apply-job-content{
            width: 220px;
            display:block;
            margin:0 auto;
    }
    .apply-job-content hr{
        margin:10px 0;
    }
    .apply-job-content .input-section img{
        width:14%;
    }
    .btn-section ul{
        margin:10px 0;
    }
    .mobile-content{
        height:auto;
    }
    .mobile-content img{
            width: 89%;
    top: 100%;
    left: 8px;
    }
    /*video player*/
/* iframe, .buttons {
  width: 280px;
    height: 168px;
}
 */
/*changed 2/9/2016*/
.video-section{
     width: 280px;
}
.video-bg, .video-bg img.video-backgnd, #video{
	  width: 280px;
    height: 168px;
}
.how-it-works .video-section h3{
			font-size:25px;
		}
    /*footer*/
    .footer-top ul.navbar-left{
        width:100%;
    }
    /*job position page*/
    .job-position h2{
        font-size:30px;
    }
    .job-position hr{
        margin:20px 0;
    }
    .pos-details li h4{
            font-size: 15px;
                min-width: 160px;
                letter-spacing: 1px;
                line-height:17px;   
    }
    .pos-details li span{
            line-height: 15px;
    margin-left: 10px;
        font-size: 15px;
    }
  
      /*popup*/
	/*changed 23/9/2016*/
#login-popup, #myModal-3 #login-popup{
    width:306px;
}
/**/
.modal-dialog{
     width:306px;
}
/*banner to slider*/
    .banner-box-holder .banner-boxes{
        width:96%;
    }
    .how-it-works ul{
        text-align: left;
    }
    .how-it-works ul li{
        min-height:0;
    }
       .banner-content h1{
        font-size:28px;
        line-height: 32px;
    }
    .banner-content h4{
        font-size:15px;
    }
    .beta{ left:175px; }
    .modal-dialog {width: 90%;}
    #signConfirm #login-popup {width: 100%; padding: 46px 25px 49px 25px;}
    
    /*21/11/2016*/
       .job-position li .profile-form-field {
    float: left;
    width: 100%;
}
 /*24/11/2016*/
 .job-description{
       display: block;  
 }
 .pos-details .job-description h4{
         display: block;
    width: 100%;
    float: left;
 }
 .pos-details .job-description span{
         margin: 10px 0 0 0;
    display: inline-block;
    padding-left: 0px;
    text-indent: 0;
 }
 /*16/12/2016*/
 .white-popup-block{
     max-width: 306px;
 }
}
/*21/11/2016*/
@media screen and (max-width: 380px) {
    .qualification-section .education #upload{
        width:150px !important;
        float: left!important;
        margin:10px 0 0 0 !important;
    }
    .qualification-section .title span{
        float:left;
        width: 100%;
    }
    .g-recaptcha{
        margin-left:0 !important;
    }
    #education_form button[type="submit"], #certificate_form button[type="submit"]{
        margin-bottom:5px;
    }
    /*2/12/2016*/
    #image_upload .upload-save #upload{
        width:auto!important;
    }
      
}

@media screen and (max-height: 575px){
    #rc-imageselect, .g-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}
@media screen and (max-width: 320px) {
    .logo {width: 180px;}
    .beta{ left:135px; top:30px; }
    #signConfirm .btn-default{font-size: 16px;}
    #signConfirm p{font-size:18px; line-height:22px;}
}