/**** Responsive Layout ****/

@media only screen and (max-width: 1210px) {

  #left_nav {
    width: 35%;
  }

  #right_nav {
    width: 40%;
  }

}

@media only screen and (max-width: 1100px) {

  #left_nav {
    width: 40%;
  }

  #right_nav {
    width: 50%;
  }

}

@media only screen and (max-width: 1080px) {

  .col-faq { width: 95%;}

}

@media only screen and (max-width: 1050px) {

  #textile_view { width: 60%;}

}

@media only screen and (max-width: 1042px) {

  .list_view { 
    width: 90%;
    margin-left: 10%;
  }

  #textile_view { 
    width: 100%;
    margin-top: 2em;
  }
}


@media only screen and (max-width: 922px) {

  #left_nav {
    width: 50%;
  }

  #right_nav {
    width: 60%;
  }

  .news_list_view {
    width: 95%;
  }

  .news-pic {
    max-height: 25%;
    max-width: 37%;
  }

  .news-content { 
    width: 57%;
  }

}

@media only screen and (max-width: 900px) {

  nav {
    height: 2em;
    margin-bottom: 2em;
  }

  #left_nav {
    display: block;
    width: 100%;
    position: static;
  }

  #right_nav {
    display: block;
    width: 100%;
    position: static;
  }

  #top_of_site {
    height: 5em;
  }

  #logo {
    display: block;
    position: static;
    width: 100%;
    text-align: center;
    margin: 0;
  }

  #contact {
    display: block;
    text-align: center;
    width: 100%;
    padding: 0;
    margin-right: 0;
    margin: 0.5em;
  }

  .news_list_view {
    width: 100%;
  }

  #lkbk_view {
    display: none;
  }

  .lkbk_list_view {
    width: 100%;
  }

  .news-pic {
    display: block;
    margin: 1em auto;
    max-height: 25%;
    max-width: 80%;
  }

  .news-content { 
    width: 100%;
  }

  .lkbk-pic {
    margin: 0 auto;
    display: block;
    max-width: 80%;
  }

  .lkbk-content {
    display: block;
    border: none;
    margin: 0 auto;
    width: 98%;
  }

  .lkbk-post {
    border-top: 1px solid #E6E6E6;
    padding: 1em;
  }

}

@media only screen and (max-width: 700px) {

  .buy-col, .about-col {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 1em;
  }

}

@media only screen and (max-width: 400px) {
  nav a {
    margin: 0.5em;
  }

  nav {
    margin-top: 2.5em;
  }

  #left_nav, #right_nav {
    margin-top: 0.5em;
  }

  #contact {
    position: static;
    margin-top: 1.5em;
  }

  section {
    margin-top: 1em;
  }

  .modal_pic {
    width: 90%;
  }

  .modal_text {
    width: 100%;
    position: static;
  }
  

}