/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.info-descr {
		width: auto;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	h3 {
		line-height: 1;
	}
}

/* Screen < 760, Ipads */
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {


}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	body {
		min-height: 600px;
		font-size: 12px;
	}

	.registration-form-main-page h1 {
		font-size: 20px;
	}

	footer p {
		padding-top: 3px;
		font-size: 10px;
		line-height: 11px;
	}

	footer a {
		font-size: 12px;
		line-height: 3px;
	}

	.navbar-nav {
		margin: 0 -15px;
	}

	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

	.navbar-brand {
		padding: 15px 0 20px 20px;
		font-size: 18px;
		line-height: 18px;
	}

	.navbar-brand span {
		font-size: 10px;
	}

	.nav li a {
		font-size: 14px;
	}

	.login-page .navbar-toggle {
		display: none;
	}

	.registration-form-main-page .email-text-animation,
	.registration-form-main-page	.email-arrow-animation,
	.registration-form-main-page	.login-text-animation,
	.registration-form-main-page	.login-arrow-animation {
		display: none;
	}

	.login-page .navbar-right {
		float: right;
		padding-right: 15px;
	}

	footer > .container > .row > .col-xs-12 {
		margin-bottom: 10px;
	}

	.contdb > a,
	.contdb > span {
		display: block;
	}

	.ulogin-button-vkontakte,
	.ulogin-button-google,
	.ulogin-button-odnoklassniki,
	.ulogin-button-facebook,
	.ulogin-button-instagram {
		margin: 0 3px !important;
	}

	/* REGISTRATION PAGE */

	.regist {
		margin-bottom: 70px;
	}

	ol > li {
		font-size: 26px;
		font-weight: bold;
	}

	/* Top menu */

	.navbar-default .navbar-brand {
		font-size: 18px;
	}

	.navbar-default .navbar-brand span {
		display: block;
		font-size: 10px;
	}

	/* Menu choose language */

	.navbar-nav > li > a#en-icon:before {
		position: absolute;
		top: 13px;
		left: -15px;
		content: url("../img/registration/en-icon.png");
		width: 20px;
		height: 20px;
	}

	.navbar-nav > li > a#ru-icon:before {
		position: absolute;
		top: 13px;
		left: -15px;
		content: url("../img/registration/ru-icon.png");
		width: 20px;
		height: 20px;
	}

	.navbar-default .navbar-toggle {
		border: none;
		border-color: transparent;
		padding: 9px 0px;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #494949;
	}

	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:active,
	.navbar-default .navbar-toggle:focus {
		background-color: transparent;
	}

	/* Enter field */

	.pull-left-xs {
		float: left !important;
	}

	/* END REGISTRATION PAGE */

	.checkout-sum {
		margin-bottom: 20px;
		margin-left: 0;
		border: 0;
		font-size: 15px;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

	table {
		width: 100%;
		max-width: 100%;
		background-color: #fff;
	}

	table th {
		display: none;
	}

	table td {
		display: block;
		padding: 5px 15px 15px;
	}

	table tr {
		margin-bottom: 20px;
	}

	table td:before {
		content: none;
	}

	table th,
	table td {
		text-align: left;
	}

	table {
		margin-left: 0;
		overflow: hidden;
	}

	table td form {
		display: inline-block;
	}

	table td form .btn-danger {
		padding: 10px 24px;
	}

	.cblock-wrapper-business table .form-control {
		width: 55px;
		margin: 0 auto;
	}

	table tbody tr td:first-child {
		padding-top: 15px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	table td:before {
		display: none;
	}

	table th,
	table td {
		text-align: left;
		display: table-cell;
		padding: .25em .5em;
	}

	table th:first-child,
	table td:first-child {
		padding-left: 0;
	}

	table th,
	table td {
		text-align: left;
		display: table-cell;
		padding: .25em .5em;
	}

	table th:first-child,
	table td:first-child {
		padding-left: 0;
	}

	table th:last-child,
	table th:last-child {
		padding-right: 0;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.login-page {
		float: none;
	}

	.login-page .navbar-nav {
		display: inline-block;
		float: right;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

	table.chemp-applicant tbody tr th:nth-of-type(1) {
		width: 490px;
	}

	table.chemp-applicant tbody tr th:nth-of-type(2) {
		width: 65px;
	}

	table.chemp-applicant tbody tr th:nth-of-type(3) {
		width: 170px;
	}

	.collapse.in {
		display: none;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

@media (min-width: 768px) and (max-width: 991px) {

	.navbar-header {
		float: none;
	}

	.navbar-header .navbar-toggle {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {

	.info-head {
		height: 300px;
	}

	.info-avatar {
		width: 100%;
	}

	.edit-avatar {
		height: 212.5px;
		width: 100%;
	}

}