/*************************** RESPONSIVE CSS START *****************************/
@media screen and (max-width:1199px) {
	form.form-inline input.form-control {
		max-width: 175px;
	}
	form.search-faq .form-group input.form-control {
		width: 100%;
		max-width: 100%;
	}
	.col-md-3.col-md-offset-1.contact-sidebar {
		width: 33%;
		margin-left: 0;
	}
	.btn-go {		
		margin-top: 15px;		
	}
}
@media screen and (max-width:991px) {
	.login-reg-box .column {
		padding: 40px 40px 100px;
	}	
	footer .row {
		display: block;
	}
	ul.footer-links, .footer-right-links {
		text-align: center;
	}
	.footer-right-links {
		margin-top: 5px;
	}
	form.form-inline input.form-control, form.form-inline select.form-control {
		max-width: 100%;
		width: 100%;
	}
	form.form-inline input.form-control.date-input {
		max-width: 100%;
		text-align: left;
	}
	form.form-inline .form-group {
		margin: 0 0 10px;
	}
	button.btn {
		width: 100%;
		margin: 15px 0 0;
	}
	.bodybackground .header .logo-area img {
		width: 150px;
		margin-top: 8px;
	}
	.col-md-3.col-md-offset-1.contact-sidebar {
		width: 100%;
		margin-bottom: 70px;
	}
	.contact-sidebar ul.contact-listing li, .vertical-alignment-center {
		display: block;
	}
	form.form-inline .form-group {		
		margin-right: 15px;		
	}
}
@media screen and (max-width:767px) { 
	.wrap-login-reg-box {
		height: auto;
		padding: 25px 0;
	}
	.login-reg-box .column {
		display: block;
		width: 100%;
		padding: 20px;
		text-align: center;
		padding-bottom: 60px;
	}
	.column.box-description.bg-login-gray {
		padding-top:15px;
	}
	.login-reg-box {
		display: block;
		width: 90%;
	}
	.login-reg-box .box-description h2 {
		font-size: 28px;
		text-align: center;
		margin-top: 0;
	}
	.login-reg-box .box-description h2 span {
		text-align: center !important;
		line-height: 40px;
		font-size: 14px;
	}
	.login-reg-box .column:after {
		left: 10%;
		width: 80%;
		bottom: 18px;
	}
	.login-reg-box .column.box-auth .logo-auth img {
		width: 80px;
	}
	.login-reg-box .column.box-auth .logo-auth {
		margin-bottom: 30px;
	}
	.nav>li {
		display: inline-block;
	}

	ul.nav.navbar-nav.navbar-right {
		text-align: right;
		margin: 0;
		margin-right: -15px;
	}
	.navbar-nav .open .dropdown-menu {
		position: absolute;
		background-color: #fff;
		right: 0;
		left: auto;
		top:109%;
	}
	.navbar-nav>li>a {
		padding: 15px;
	}
	.dropdown-menu>li>a {
		font-size: 14px;
		padding: 8px 20px !important;
	}
	ul.footer-links li {
		margin: 5px 5px;
	}
	ul.footer-links li:first-child, ul.footer-links li:last-child {
		display: block;
	}
	ul.footer-right-links li:nth-child(4) {
		display: block;
		margin: 8px 0;
	}
	.column.box-description.bg-login-gray {
		padding-top: 20px;
	}
	.login-reg-form {
		min-width: 304px;
		margin: 0 auto;
		width: 304px;
	}
	ngx-recaptcha2 iframe, ngx-recaptcha2 div {
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	.modal.in .modal-dialog {
		margin: 45px auto;
		width: 90%;
	}
	.btn-go {		
		margin-left: 0px;		
	}		
	ng-datepicker.form-control.date-input {		
		max-width: 100%;		
	}
    .ng-dropdown-wrapper {
    width: 100%;
}
}

@media screen and (max-width:500px) { 
	li.dropdown.profile-info.open ul.dropdown-menu {
		min-width: 275px;
	}
	.notifier__notification--material .notifier__notification-message {
		font-size: 12px;
	}
	.notifier__notification--error {
		padding: 10px 13px;
	}
	.notifier__notification--material .notifier__notification-button {
		margin-left: 0;
		padding: 6px 0;
	}
	.bodybackground .header .logo-area img {
		width: 115px;
		margin-top: 13px;
	}
	p.label-detail span {
		display: block;
		margin: 0;
	}
	p.label-detail span:nth-child(2) {
		margin-left: 0px;
	}
}
@media screen and (max-width:385px) { 
	.login-reg-form {
		min-width: 240px;
		margin: 0 auto;
		width: 240px;
	}
	ngx-recaptcha2 iframe {
		transform: scale(0.795) !important;
		left: -31px !important;
		position: relative !important;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1199px) 
and (orientation : portrait) {


}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.input-group .form-control, .input-group-addon, .input-group-btn {
		display: inline-table;
	}
	form.login-reg-form .input-group-addon {
		position: absolute;
		bottom: 0px;
	}
	form.login-reg-form .form-control {
		padding-left: 35px;
	}
	form.login-reg-form .input-group-addon i {
		line-height: 20px;
	}
	.login-reg-box .column {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.login-reg-box .column {
		align-items: inherit;
	}
	.login-reg-box .box-auth.column , .login-reg-box .box-auth.column .logo-auth img {
		margin: 0 auto;
		text-align: center;
	}


}