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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.mob-menu-btn {
		display: block;
	}
	.header-wrapper {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		background: #fff;
		margin-left: 0;
		max-width: 290px;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 15px;
		z-index: 1000;
		display: none;
	}
	.header-about {
		order: 1;
	}
	.header-menu {
		flex-direction: column;
		order: 2;
		width: 100%;
		margin-top: 24px;
	}
	.header-menu a {
		margin-right: 0;
		margin-bottom: 16px;
	}
	.heder-help {
		order: 3;
		width: 100%;
		margin-top: 24px;
	}
	.heder-help button {
		width: 100%;
	}
	.close-mob-menu {
		display: block;
		position: absolute;
		top: 15px;
		right: 15px;

	}
	.close-mob-menu svg {
		height: 24px;
		width: 24px;
	}
	.header-about {
		margin-top: 48px;
	}
	
	.header-block {
		justify-content: space-between;
	}
	.stats-block__stats-item p {
		font-size: 16px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.stats-block h2 {
		font-size: 22px;
	}
	.stats-block__stats-item span {
		font-size: 14px;
	}
	.stats-block {
		padding: 15px;
	}
	.news, .work {
		padding: 15px;
		margin: 32px auto;
	}
	.news-wrapper {
		margin-top: 32px;
	}
	.news-popup {
		max-width: calc(100% - 30px);
		left: 15px;
		right: 15px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.login-from-wrapper {
		padding: 30px;
	}
	.stats-block {
		margin-bottom: 16px;
	}
	.news-wrapper, .work-wrapper {
		margin-top: 16px;
		padding: 15px 0;
	}
	.stats-block h2 {
		font-size: 18px;
	}
	.help-popup {
		max-width: 100%;
		left: 15px;
		right: 15px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.login-from-wrapper {
		padding: 20px;
	}
	.login-from-wrapper h1 {
		font-size: 25px;
	}
	.login-from-wrapper form button {
		padding: 12px;
	}
	.login-from-wrapper p {
		font-size: 16px;
	}
	.news-popup {
		padding: 15px;
		border-radius: 15px;
	}
	.close-news-popup {
		right: 15px;
		top: 0;
	}
	.news-popup-img img {
		border-radius: 8px;
	}
	 .help-popup>h2 {
	 	font-size: 24px;
	 }
	 .help-popup {
	 	padding: 15px;
	 	border-radius: 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) {

}

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

}

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

}

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

}