abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
thead,
time,
ul,
var,
video {
    margin: 0;
    /** padding: 0; **/
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: top;
    background: 0 0
}
body {
    line-height: 1.3em;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
nav ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700
}
del {
    text-decoration: line-through
}
abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}
input,
select {
    vertical-align: middle
}


/************************************ For controlling view page appearance***********************************/

@media only screen and (min-width: 320px) and (max-width: 325px){

  /** hide slider **/
  .w3-display-container {
    visibility: hidden;
    height: 15px;
  }  
  .top-logo img {
    width: 230px;
  }
  
  .search-block-form {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  .sf-accordion-toggle {
    visibility: hidden;
    height: 0px;
  }
  
  #block-mainnavigation {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  #block-responsivemenumobileicon .content{
    margin-top: 30px;
  }
  
  .responsive-menu-toggle-icon span.label {
    left: 0px;
  }
  
  #block-responsivemenumobileicon .label{
    font-size: 14px;
    color: black;
  }

  
  #header {
    height: 60px;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: x-large;
    font-weight: bold;
    width: 290px;
  }
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    width: 300px;
    margin-left: 10px;
    float: none;
  }
  
  .image-style-medium{
    width: 300px;
  }
  
  .field--name-field-images>div{
    width: 300px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
  }
}


@media only screen and (min-width: 360px) and (max-width: 360px){
  
  /** hide slider **/
  .w3-display-container {
    visibility: hidden;
    height: 0px;
  }
  
  .top-logo img {
    width: 300px;
  }
  
  .search-block-form {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  .sf-accordion-toggle {
    visibility: hidden;
  }
  
  #block-mainnavigation {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  #block-responsivemenumobileicon .content{
    margin-top: 30px;
  }
  
  .responsive-menu-toggle-icon span.label {
    left: 0px;
  }
  
  #block-responsivemenumobileicon .label{
    font-size: 16px;
    color: black;
  }
  
  #header {
    height: 60px;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: x-large;
    font-weight: bold;
    width: 300px;
  }
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    width: 300px;
    margin-left: 30px;
    float: none;
  }
  
  .image-style-medium{
    width: 180px;
  }
  
  .field--name-field-images>div{
    display: inline-block;
    float: left;
    width: 180px;
    margin-top: 5px;
  }
}


@media only screen and (min-width: 375px) and (max-width: 375px){
  
  /** hide slider **/
  .w3-display-container {
    visibility: hidden;
    height: 0px;
  }
  
  .top-logo img {
    width: 300px;
  }
  
  .search-block-form {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  .sf-accordion-toggle {
    visibility: hidden;
  }
  
  #block-mainnavigation {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  #block-responsivemenumobileicon .content{
    margin-top: 30px;
  }
  
  .responsive-menu-toggle-icon span.label {
    left: 0px;
  }
  
  #block-responsivemenumobileicon .label{
    font-size: 16px;
    color: black;
  }
  
  #header {
    height: 60px;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: x-large;
    font-weight: bold;
    width: 300px;
  }
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    width: 300px;
    margin-left: 30px;
    float: none;
  }
  
  .image-style-medium{
    width: 180px;
  }
  
  .field--name-field-images>div{
    display: inline-block;
    float: left;
    width: 180px;
    margin-left: 5px;
    margin-top: 5px;
  }
}


@media only screen and (min-width: 384px) and (max-width: 384px){
  .top-logo img {
    width: 300px;
  }
  
  .search-block-form {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  .sf-accordion-toggle {
    visibility: hidden;
    height: 0px;
  }
  
  #block-mainnavigation {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  #block-responsivemenumobileicon .content{
    margin-top: 30px;
  }
  
  .responsive-menu-toggle-icon span.label {
    left: 0px;
  }
  
  #block-responsivemenumobileicon .label{
    font-size: 16px;
    color: black;
  }
  
  #header {
    height: 60px;
  }
  
  .w3-display-container {
    visibility: hidden;
    height: 0px;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: x-large;
    font-weight: bold;
    width: 300px;
  }
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    width: 300px;
    margin-left: 30px;
    float: none;
  }
  
  .image-style-medium{
    width: 180px;
  }
  
  .field--name-field-images>div{
    display: inline-block;
    float: left;
    width: 180px;
    margin-left: 10px;
    margin-top: 10px;
  }
}


@media only screen and (min-width: 400px) and (max-width: 400px){
  
  .top-logo img {
    width: 300px;
  }
  
  /** hide slider **/
  .w3-display-container {
    visibility: hidden;
    height: 0px;
  }
  
  .search-block-form {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  .sf-accordion-toggle {
    visibility: hidden;
  }
  
  #block-mainnavigation {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  #block-responsivemenumobileicon .content{
    margin-top: 30px;
  }
  
  .responsive-menu-toggle-icon span.label {
    left: 0px;
  }
  
  #block-responsivemenumobileicon .label{
    font-size: 16px;
    left: 25px;
    color: black;
  }
  
  #header {
    height: 60px;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: x-large;
    font-weight: bold;
    width: 300px;
  }
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    width: 300px;
    margin-left: 50px;
    float: none;
  }
  
  .image-style-medium{
    width: 180px;
  }
  
  .field--name-field-images>div{
    display: inline-block;
    float: left;
    width: 180px;
    margin-left: 10px;
    margin-top: 5px;
  }
}


@media only screen and (min-width: 412px) and (max-width: 414px){
  
  /** hide slider **/
  .w3-display-container {
    visibility: hidden;
    height: 35px;
  }
  
  .top-logo img {
    width: 300px;
  }
  
  .search-block-form {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  .sf-accordion-toggle {
    visibility: hidden;
    height: 0px;
  }
  
  #block-mainnavigation {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  #block-responsivemenumobileicon .content{
    margin-top: 30px;
  }
  
  .responsive-menu-toggle-icon span.label {
    left: 0px;
  }
  
  #block-responsivemenumobileicon .label{
    font-size: 16px;
    color: black;
  }
  
  #header {
    height: 60px;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: x-large;
    font-weight: bold;
    width: 300px;
  }
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    width: 300px;
    margin-left: 50px;
    float: none;
  }
  
  .image-style-medium{
    width: 200px;
  }
  
  .field--name-field-images>div{
    display: inline-block;
    float: left;
    width: 200px;
    margin-left: 3px;
    margin-top: 5px;
  }
}


@media only screen and (min-width: 480px) and (max-width: 480px){
  .sf-accordion-toggle, #superfish-main-toggle{
    margin-top: 20px;
    margin-left: 10px;
    font-size: larger;
  }
  
  #header {
    height: 60px;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:2px;
    color: #f5a601;
    word-break: keep-all;
    font-size: large;
    font-weight: bold;
    width: 230px;
  }
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    display: inline-block;
    width: 230px;
    float: none;
    margin-left: 5px;
  }
  
  .image-style-medium{
    width: 220px;
  }
  
  .field--name-field-images>div{
    display: inline-block;
    float: left;
    width: 220px;
    margin-left:13px;
    margin-top: 5px;
  }
}


@media only screen and (min-width: 533px) and (max-width: 533px) {
  .sf-accordion-toggle, #superfish-main-toggle{
    margin-top: 20px;
    margin-left: 10px;
    font-size: larger;
  }
  
  .search-form{
    margin-top: -20px;
  }
  
  #header {
    height: 60px;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: x-large;
    font-weight: bold;
    width: 250px;
  }
  
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    display: inline-block;
    width: 260px;
    float: none;
    margin-left: 3px;
  }
  
  .image-style-medium{
    width: 220px;
  }
  
  .field--name-field-images>div{
    display: inline-block;
    margin-top: 10px;
    margin-left: 30px;
  }
}


@media only screen and (min-width: 568px) and (max-width: 568px) {
  #block-responsivemenumobileicon .content{
    margin-top: 20px;
  }
  
  .sf-accordion-toggle, #superfish-main-toggle{
    margin-top: 20px;
    margin-left: 10px;
    font-size: larger;
  }
  
  .search-form{
    margin-top: -20px;
  }
  
  #header {
    height: 60px;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: x-large;
    font-weight: bold;
    width: 250px;
  }
  
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    display: inline-block;
    width: 260px;
    float: none;
    margin-left: 15px;
  }
  
  .image-style-medium{
    width: 220px;
  }
  
  .field--name-field-images>div{
    display: inline-block;
    margin-top: 10px;
    margin-left: 40px;
  }
}


@media only screen and (min-width: 598px) and (max-width: 604px) {
  .search-block-form {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  .sf-accordion-toggle {
    visibility: hidden;
    height: 0px;
  }
  
  #block-mainnavigation {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  #block-responsivemenumobileicon .content{
    margin-top: 30px;
  }
  
  .responsive-menu-toggle-icon span.label {
    left: 0px;
  }
  
  #block-responsivemenumobileicon .label{
    font-size: 16px;
    color: black;
    left: 50px;
  }
  
  
  #header {
    height: 60px;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: large;
    font-weight: bold;
    width: 185px;
  }
  
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    display: inline-block;
    width: 195px;
    float: none;
  }
  
  .image-style-medium{
    width: 195px;
  }
  
  .field--name-field-images>div{
    display: inline-block;
    margin-top: 10px;
    width: 195px;
  }
}


@media only screen and (min-width: 640px) and (max-width: 640px){
  
  .search-block-form {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  .sf-accordion-toggle {
    visibility: hidden;
    font-size: 12px;
  }
  
  #block-mainnavigation {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  #block-responsivemenumobileicon .content{
    margin-top: 30px;
  }
  
  .responsive-menu-toggle-icon span.label {
    left: 80px;
  }
  
  #block-responsivemenumobileicon .label{
    font-size: 18px;
    color: black;
  }
  
  .sf-accordion-toggle, #superfish-main-toggle{
    margin-top: 20px;
    margin-left: 10px;
    font-size: larger;
  }
  
  .search-form{
    margin-top: -20px;
  }
  
  #header {
    height: 60px;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: large;
    font-weight: bold;
    width: 200px;
  }
  
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    display: inline-block;
    width: 210px;
    float: none;
  }
  
  .image-style-medium{
    width: 210px;
  }
  
  .field--name-field-images>div{
    display: inline-block;
    margin-top: 10px;
  }
}


@media only screen and (min-width: 667px) and (max-width: 667px){
  
  .search-block-form {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  .sf-accordion-toggle {
    visibility: hidden;
    font-size: 12px;
  }
  
  #block-mainnavigation {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  #block-responsivemenumobileicon .content{
    margin-top: 30px;
  }
  
  .responsive-menu-toggle-icon span.label {
    left: 80px;
  }
  
  #block-responsivemenumobileicon .label{
    font-size: 24px;
    color: black;
  }
  
  .sf-accordion-toggle, #superfish-main-toggle{
    margin-top: 20px;
    margin-left: 10px;
    font-size: larger;
  }
  
  .search-form{
    margin-top: -20px;
  }
  
  #header {
    height: 60px;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: x-large;
    font-weight: bold;
    width: 300px;
  }
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    display: inline-block;
    width: 300px;
    float: none;
    margin-left: 20px;
  }
  
  .field--name-field-images>div{
    display: inline-block;
    margin-top: 10px;
  }
}


@media only screen and (min-width: 684px) and (max-width: 684px){
  
  .search-block-form {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  .sf-accordion-toggle {
    visibility: hidden;
    font-size: 12px;
  }
  
  #block-mainnavigation {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  #block-responsivemenumobileicon .content{
    margin-top: 30px;
  }
  
  .responsive-menu-toggle-icon span.label {
    left: 80px;
  }
  
  #block-responsivemenumobileicon .label{
    font-size: 26px;
    color: black;
  }
  
  .sf-accordion-toggle, #superfish-main-toggle{
    margin-top: 20px;
    margin-left: 10px;
    font-size: larger;
  }
  
  .search-form{
    margin-top: -20px;
  }
  
  #header {
    height: 60px;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: x-large;
    font-weight: bold;
    width: 300px;
  }
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    display: inline-block;
    width: 300px;
    float: none;
    margin-left: 30px;
  }
  
  .field--name-field-images>div{
    display: inline-block;
    margin-top: 10px;
    margin-left: 4px;
  }
}


@media only screen and (min-width: 690px) and (max-width: 690px){
  
  .search-block-form {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  .sf-accordion-toggle {
    visibility: hidden;
    font-size: 12px;
  }
  
  #block-mainnavigation {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  #block-responsivemenumobileicon .content{
    margin-top: 30px;
  }
  
  .responsive-menu-toggle-icon span.label {
    left: 80px;
  }
  
  #block-responsivemenumobileicon .label{
    font-size: 26px;
    color: black;
  }
  
  #header {
    height: 60px;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: x-large;
    font-weight: bold;
    width: 220px;
  }
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    display: inline-block;
    width: 230px;
    float: none;
    margin-left: -2.5px;
  }
  
  .field--name-field-images>div{
    display: inline-block;
    margin-top: 10px;
    margin-left: 5px;
  }
}


@media only screen and (min-width: 720px) and (max-width: 720px){
  
  .search-block-form {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  .sf-accordion-toggle {
    visibility: hidden;
    font-size: 12px;
  }
  
  #block-mainnavigation {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  #block-responsivemenumobileicon .content{
    margin-top: 30px;
  }
  
  .responsive-menu-toggle-icon span.label {
    left: 80px;
  }
  
  #block-responsivemenumobileicon .label{
    font-size: 26px;
    color: black;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  .sf-accordion-toggle, #superfish-main-toggle{
    margin-top: 20px;
    margin-left: 10px;
    font-size: larger;
  }
  
  .search-form{
    margin-top: -20px;
  }
  
  #header {
    height: 60px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:2px;
    color: #f5a601;
    word-break: keep-all;
    font-size: large;
    font-weight: bold;
    width: 240px;
  }
  
  div>.view-retreats>.view-content, div>.view-view-meditation-class>.view-content {
    width:720px;
  }
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    display: inline-block;
    width: 240px;
    float: none;
    margin-left: -3px;
  }
  
  .field--name-field-images>div{
    display: inline-block;
    margin-top: 8px;
    margin-left: 10px;
  }
}


@media only screen and (min-width: 732px) and (max-width: 736px){
  .sf-accordion-toggle, #superfish-main-toggle{
    margin-top: 20px;
    margin-left: 10px;
    font-size: larger;
  }
  
  .search-block-form {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  .sf-accordion-toggle {
    visibility: hidden;
    font-size: 12px;
  }
  
  #block-mainnavigation {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  #block-responsivemenumobileicon .content{
    margin-top: 30px;
  }
  
  .responsive-menu-toggle-icon span.label {
    left: 80px;
  }
  
  #block-responsivemenumobileicon .label{
    font-size: 22px;
    color: black;
  }
  
  #header {
    height: 60px;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: 13pt;
    font-weight: bold;
    width: 240px;
  }
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    display: inline-block;
    width: 240px;
    float: none;
    margin-left: 2px;
  }
  
  .field--name-field-images>div{
    display: inline-block;
    margin-top: 10px;
    margin-left: 16px;
    
  }
}


@media only screen and (min-width: 768px) and (max-width: 768px){
  
  #header>div{
    margin-top: -10px;
    margin-left: 10px;
    font-size: larger;
    font-weight: bold;
  }
  
  .block-superfish>div li>a{
    font-size: 14px;
  }
  
  .search-form{
    visibility: hidden;
    height: 0px;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: 14pt;
    font-weight: bold;
    width:250px;
  }
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    display: inline-block;
    width: 250px;
    float: none;
    margin: 1px;
    padding: 0px;
  }
  
  .view-view-meditation-class div>.views-col>article{
    width: 300px;
    margin-left: 55px;
  }
  
  .field--name-field-images>div{
    display: inline-block;
    margin-top: 10px;
    margin-left: 25px;
  }

  /* responsively set iframe width & height */
  em>iframe{
    width: 98vw !important;
    height: 73vw !important;
  }
}


@media only screen and (min-width: 800px) and (max-width: 800px){
  
  .top-logo img {
    width: 300px;
  }
  
  .search-block-form {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  article>header{
    margin-top: 35px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: 14pt;
    font-weight: bold;
    width:260px;
  }
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    display: inline-block;
    width: 260px;
    float: none;
    margin-left: 3px;
  }
  
  .field--name-field-images{
    margin-top: 20px;
  }

  .field--name-field-images>.field__item{
    display: inline-block;
    margin-left: 30px;
  }
  
  /* responsively set iframe width & height */
  em>iframe{
    width: 98vw !important;
    height: 73vw !important;
  }
}


@media only screen and (min-width: 960px) and (max-width: 966px) {
  
  .search-block-form {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0px;
  }
  
  
  #block-mainnavigation {
    margin-top: 20px;
  }
  
  article>header{
    margin-top: 25px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: x-large;
    font-weight: bold;
    width:300px;
  }
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    display: inline-block;
    width: 300px;
    float: none;
    margin-left: 13px;
  }
  
  .field--name-field-images{
    margin-top: 20px;
  }

  .field--name-field-images>.field__item{
    display: inline-block;
    margin-left: 14px;
  }
  
  .slick-list {
    margin: auto; 
    width: 50%;
  }
  
  /* responsively set iframe width & height */
  em>iframe{
    width: 98vw !important;
    height: 73vw !important;
  }
}


@media only screen and (min-width: 1024px) and (max-width: 1024px) {
  
  #header>div {
    margin-left: auto;
    margin-right: auto;
    height: 50px;
  }
  
  .region-secondary-menu .menu a {
    display: inline-block;
    padding: 0.5em 0.5em 0.5em 0.8em;
    color: black !important;
}
  
  .block-superfish {
    margin-top: 20px;
  }
  
  article>header{
    margin-top: 15px;
  }
  
  article>header span{
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: x-large;
    font-weight: bold;
    width:300px;
  }
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    display: inline-block;
    width: 250px;
    float: none;
    margin-left: 1px;
  }
  
  .view-retreats div>.views-col>article, .view-view-meditation-class div>.views-col>article{
    display: inline-block;
    width: 250px;
    float: none;
    margin-left: 1px;
  }
  
  .field--name-field-images{
    margin-top: 5px;
  }


  .field--name-field-images>.field__item{
    display: inline-block;
    margin-left: 27px;
  }
  
  
  .slick-list {
    margin: auto; 
    width: 50%;
  }
  
  /* responsively set iframe width & height */
  em>iframe{
    width: 98vw !important;
    height: 73vw !important;
  }
}


@media (min-width: 1200px) {
  
  #block-responsivemenumobileicon {
    visibility: hidden;
    height:0px;
  }
  
  article>header {
    margin-top: 15px;
  }
  
  #header {
    height: 90px;
  }
  
  #header .top-logo {
    margin-top: 10px;
  }
  
  article>header span{
    display: none;
    float: left;
    position:absolute;
    margin-top: 10px;
    margin-left:4px;
    color: #f5a601;
    word-break: keep-all;
    font-size: x-large;
    font-weight: bold;
    width: 300px;
  }
  
  div.node__content.clearfix {
    font-size: x-large;
  }
  
  div>.view-retreats .views-row,div>.view-view-meditation-class .views-row, div>.view-services .views-row, div>.view-about-us .views-row,div>.view-events .views-row, div>.view-visit-us .views-row, div>.view-events .views-row, div>.view-facility .views-row, div>.view-branch .views-row {
    float: none;
    display: inline-block;
    width: 300px;
    height: 200px;
    margin-right: -5px;
  }
  
  .field--name-field-images{
    margin-top: 20px;
    margin-left: 10px;
  }


  .field--name-field-images>.field__item{
    display: inline-block;
    margin-right: 13px;
  }
  
  /* responsively set iframe width & height */
  em>iframe{
    width: 50vw !important;
    height: 37.5vw !important;
  }
}