/*** DESKTOP VIEW ***/

@media screen and (min-width: 960px) {
    section.side_block div.subscribe input[type=text] {
        width: 100%;
        margin-bottom: 5px;
    }
    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 */