@media only screen and (max-width:1199px){
	#login-box{
		width: 306px;
		padding: 15px 12px;
	}
	#login-box h3{
		background: url(../images/login-title.png) 0 -58px no-repeat;
		margin: 0 0 14px -32px;
		padding: 7px 30px;
		width: 344px;
	}
	#login-box input[type="email"], #login-box input[type="text"], #login-box input[type="password"]{
		width: 174px !important;
	}
	.blueberry .pager{
		bottom: 60px;
	}
	.filter-box .stack, .filter-box .stack:first-child {
	    margin: 0 0 10px;
	    width: 100%;
	}
	.filter-box .stack span{
		margin: 0;
	}
	.filter-box .stack span:first-child{
		display: inline-block;
    	width: 95px;
	}
	.form-holder{
		margin: 0 0 20px;
	}
	.avail-airlines-list{
		width: 335px;
	}
}

@media only screen and (max-width:1168px){
	#login-box{
		width: 284px;
	}
	#login-box h3{
		background: url(../images/login-title.png) 0 -116px no-repeat;
		margin: 0 0 14px -31px;
		padding: 7px 30px;
		width: 320px;
	}
	#login-box input[type="email"], #login-box input[type="text"], #login-box input[type="password"] {
	    width: 152px !important;
	}
}

@media only screen and (max-width:991px){
	#head-nav {
		font-size: 13px;
	}
	#main-nav .navbar-nav > li > a {
		padding: 8px 11px;
	}
	.blueberry .pager{
		bottom: 16px;
	}
	.header-top-right h2 {
	    width: 100%;
		margin: 0 0 10px;
	}
	#login-info-box{
		position: static;
		clear: both;
		margin: 0 0 15px;
	}
	.logo-item img{
		float: left;
	}
	.logo-item .desc{
		float: left;
		width: auto;
		margin: 0 0 0 12px;
	}
	.info-list span{
		width: 35%;
	}
	.info-list span.r-items{
		width: 65%;
	}
}

@media only screen and (max-width:767px){
	h3 {
		font-size: 20px;
	}
	#logo {
		background-position: center;
		margin: 10px 0 0;
	}
	#logo a{
		margin: 0 auto;
	}
	.header-top-right h2 {
		text-align: center;
		font-size: 20px;
	}
	#header {
		margin: 0 0 10px;
	}
	#head-nav {
		margin: 0;
		float: none;
	}
	.header-top-right{
		margin: 10px 0 0;
	}
	#head-nav .navbar-toggle {
		background-color: #00B7F1;
	}
	#head-nav .navbar-default .navbar-toggle {
		border-color: #00B7F1;
	}
	#head-nav .navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	#main-nav.navbar-collapse {
		padding: 0 15px;
	}
	.navbar-alter{
		float: none;
	}
	.nav > li{
		padding: 0 1px 1px;
	}
	.blueberry .pager{
		display: none;
	}
	#footer-nav {
	    text-align: center;
	    width: 100%;
		padding: 0 0 10px;
	}
	#footer-nav li {
	    display: inline-block;
	    float: none;
	}
	#copyright {
	    padding: 0;
	    text-align: center;
	    width: 100%;
	}
	.sidebar{
		margin: 0 auto 30px;
    	width: 270px;
	}
	.header-top-right{
		min-height: 0;
	}
	/*.profile-form .date-pic-r-align .Zebra_DatePicker_Icon_Wrapper .Zebra_DatePicker_Icon{
		left: 0 !important;
	}*/
}

@media only screen and (max-width:640px){
	.change-pass-user .field-box{
		width: 50%;
	}
}

@media only screen and (max-width:480px){
	.form label, .form .field-box{
		width: 100% !important;
	}
	.btn-wrap{
		margin: 0 !important;
	}
	.logo-item .desc{
		width: 45%;
	}
	.info-list span{
		width: 120px;
	}
	.info-list span.r-items{
		width: 35%;
	}
}

@media only screen and (max-width:400px){
	.airline-title{
		background: url(../images/flight-head.png) 0 -75px no-repeat;
		min-height: 43px;
    	padding: 0 0 0 130px;
	}
	.airline-title h5 {
	    padding: 21px 0 0;
	}
}

@media only screen and (max-width:390px){
	.avail-airlines-list{
	    width: 260px;
	}
	.avail-airlines-list h2{
		font-size: 16px;
	}
}

@media only screen and (max-width:360px){
	#login-box {
	    width: 262px;
	}
	#login-box h3 {
	    background: url(../images/login-title.png) no-repeat 0 -174px;
	    margin: 0 0 14px -30px;
	    padding: 7px 30px;
	    width: 297px;
	}
	#login-box input[type="email"], #login-box input[type="text"], #login-box input[type="password"] {
	    width: 130px !important;
	}
	.user-register .field-box{width: 100%;}
	.register-form + .login-form{display: none;}
	.filter-box .stack select{
		width: 160px !important;
	}
}

@media only screen and (max-width:320px){
}
