/* newsletter box styles for responsive templates */

div.subscribe div.nav-link {
	margin-top: 15px;
}

/*** DESKTOP VIEW ***/
@media screen and (min-width: 960px) {
	section.side_block div.subscribe input[type=text] {
		width: 100%;
		margin-bottom: 15px;
	}
	aside.two-middle div.subscribe input[type=text],
	section.masonry-brick div.subscribe input[type=text] {
		width: 100%;
		max-width: 260px;
		display: block;
		margin-bottom: 15px;
	}

	aside:not(.two-middle) section.content_block div.subscribe input {
		width: 35%;
		margin-right: 3%;
	}
	aside:not(.two-middle) section.content_block div.subscribe input[type=button] {
		width: 24%;
		margin-right: 0;
	}
}

/*** TABLET VIEW ***/
@media screen and (min-width: 768px) and (max-width: 959px) {
	section.side_block div.subscribe input {
		width: 35%;
		margin-right: 3%;
	}
	section.side_block:not(.masonry-brick) div.subscribe input[type=button] {
		width: 24%;
		margin-right: 0;
	}

	aside:not(.two-middle) section.content_block div.subscribe input {
		width: 35%;
		margin-right: 3%;
	}
	aside:not(.two-middle) section.content_block div.subscribe input[type=button] {
		width: 24%;
		margin-right: 0;
	}

	aside.two-middle div.subscribe input[type=text],
	section.masonry-brick div.subscribe input[type=text] {
		width: 100%;
		max-width: 280px;
		margin-bottom: 15px;
	}
}

/*** MOBILE VIEW ***/
@media screen and (max-width: 767px) {
	div.subscribe input[type=text] {
		width: 100%;
		max-width: 280px;
		margin-bottom: 15px;
		display: block;
	}
}

/* newsletter box styles for responsive templates end */