/*Meida Query for Mobile*/
@media (max-width: 991px) {
	.banner-text h1 {
		font-size: 40px;
	}
	.banner-text h1>b {
	font-size: 60px;
	line-height: 0.9;
	}
	.text-of {
		font-size: 40px;
	}
	footer .footer-logo {
		display: block;
	}
	.career-img2 img {
		margin-bottom: 10px;
	}
	.navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
    .nav>li {
    	float: none;
    }
    .nav>li>a {
       display: block;
    }
    .nav-height .top-nav>li>a {
    color: #e3e3e3;
    font-size: 15px;
    /*padding: 15px 0px 10px 22px;*/
    font-family: arial;
	}
	.top-nav, .main-nav {
		float: none;
	}

	/*-------------------28-12-18-------------------------*/

	.navbar-collapse.collapse.in{
		position: relative;
    	z-index: 1;	
	}

	
}

@media (max-width: 767px) {
	.footer-top-nav {
		padding-left: 15px;
	}
	.footer-top-nav li a {
		padding-left: 15px;
	}
	.footer-bottom-nav {
		padding-left: 15px;
	}
	.footer-bottom-nav li a {
		margin-right: 0px;
		margin-left: 17px;
		padding: 5px 0;
		font-size: 15px;
		text-align: left;
	}
	.inner-img img {
		padding: 0 2px 5px; 
	}
	.top-nav-padding {
		padding-right: 15px;
		
	}	
	.top-nav, .main-nav {
		background: gray;
		margin: -1px -15px;
		padding-left: 15px;
	}
	.inner-navbar .top-nav>li>a {
		/*padding: 10px 15px;*/
		font-size: 15px;
    	font-weight: bold;
    	font-family: arial;
	}
	.inner-navbar .main-nav>li>a {
		/*padding: 10px 15px;*/
		margin-right: 0px;
	}
	.nav-height .main-nav>li
	{
		margin: 15px;
	}

	.navbar-fixed-top .inner-navbar {
		max-height: 100%;
		margin-top: 35px;
	}
	.banner-text h1 {
		display: none;
	}
	.login, .resume-builder, .eprotfolio {
		right: 0;
		left: 0;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (max-width: 400px) {
	.login, .resume-builder, .eprotfolio {
		width: 100%;
	}

	.login_profile_info .account_btns{

		margin:0px;
	}
}
@media (max-width: 350px) {
	.nopadding input {
		float: right;
	}
	.email-margin {
		float: left;
		padding: 20px 0;
	}
	.pass-margin {
		float: left;
		padding: 20px 0;
	}
	.nopadding button {
		margin: 8px 0 0 30px;
	}

	/*------------------28-12-18--------------------*/

	.login_profile_info .profile_info, .progress_level{

		margin-top: 0px;
	}
}

@media screen and (min-width:768px) and (max-width:991px)
{
	
	.navbar-default
	{
		height:auto;
	}
	.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
	.navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
	.navbar-nav
	{
		float:none!important;
		/*margin: 7.5px -15px;*/
	}
	.navbar-nav>li {
        float: none;
    }
    .collapse.in{
  		display:block !important;
    }
	#home .dropdown-menu
	{
		min-width:100%;
	}
	body#home .home-bg
	{
		overflow:hidden;
	}
	.footer-top-nav li a{
		padding-left: 15px;
		margin-right: 0px;
	}
	.footer-bottom-nav li a{
		padding: 10px 0 10px 15px;
		margin-right: 0px;
		margin-left: 0px;
		font-size: 15px;
	}
	.top-nav, .main-nav {
		background: gray;
	    margin: -1px 0px;
	}
	.navbar-fixed-top .inner-navbar {
	    max-height: 100%;
	    margin-top: 35px;
	}
	.top-nav, .main-nav li a {
		padding-left: 30px;
		margin: 0px;
		font-weight: bold;
		font-family: arial;
	}
	.nav-tgle {
  		margin-right: 0px;
	}
	.nav-height .top-nav>li {
		margin: 15px 0; 
	}
}

/*--------------------28-12-18---------------------*/

@media(max-width: 382px){
	.login_profile_info .profile_btns a{

		margin-bottom: 5px;
	}

}