/* Smartphones (portrait and landscape) ----------- */
@media only screen 
  and (min-device-width : 320px) 
  and (max-device-width : 480px) {
    /* Styles */

    .langlist li a
    {
      font-size: 24px;
      padding: 15px 30px;
      margin: 0px 10px;
      color: #fff;
      background: #A91D20;
      border-radius: 10px;
      display: inline-block;
    }

    .langlist li a.active
    {
      font-size: 24px;
      padding: 10px 20px;
      color: grey;
      background: none;
    }

    .nav_container ul li a {
      padding: 7px 7px;
    }




}

/* Smartphones (landscape) ----------- */
@media only screen 
  and (min-width : 321px) {
    /* Styles */

}

/* Smartphones (portrait) ----------- */
@media only screen 
  and (max-width : 320px) {
    /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) {
    /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) 
  and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) 
  and (orientation : portrait) {
    /* Styles */

    .nav_container ul li a {
      padding: 7px 7px;
    }
}

/* Desktops and laptops ----------- */
@media only screen 
  and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen 
  and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media
  only screen and (-webkit-min-device-pixel-ratio : 1.5),
  only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */



}




/* :::::::::::::::::  alt  :::::::::::::::::::::::::::::  */

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

  .center {
    float: none;
    margin: 0 auto;
    position: relative;
    width: 98%;
  }


  .twocolumn_container, .onecolumn_container {
    min-height: auto;
    padding: 1em;
  }


  .left_column_wide {
    float: none;
    width: auto;
  }


  .AbtContent div.ImgsSection {
    float: none;
    text-align: center;
    width: auto;
  }

  .AbtContent .RightTxt {
    float: none;
    text-align: center;
    width: auto;
  }



  .RightTxt p {

    float: left;

    width: auto;
  }

  #FooterWrapper {

    width: auto;
  }


  #footer {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: auto;
  }



  .RightTxt p.FootNote {

    width: auto;
  }


  #headline h2 {
    height: auto;
    margin-bottom: 10px;
    text-align: center;
  }


  #multi-lingual  {
    padding-right: 0px;
    text-align: center;
  }


  #content img {
    margin: 10px 20px;
    max-width: 100%;
    width: auto;
  }


  .TxtOnLoad {

    width: 66%;
  }


  .AbtContent .RightTxt ol {
    width: auto;
  }  

  #logo {
    float: none;
    margin: 0 2px 0 0;
    text-align: center;
  } 


  #logo a img {
    float: none;

    text-align: center;
  } 

  /* --------------- nav ------------------ */


  .nav_container ul li a {

    border-radius: 7px 7px 7px 7px;
  }



  .nav_container {
    float: none;
    margin-top: 10px;
    position: relative;
    right: 0;
    width: auto;
    z-index: 9999;
  }


  .nav_container ul li {
    float: left;
    height: 35px;
    padding: 0 3px 0 0;

  }  

  /* -------------- home ------------------ */

  #Botm3SectionsOutr div#Botm3Sections {
    float: none;
    height: auto;
    left: auto;
    position: relative;
    top: auto;
    width: auto;
  }



  #Botm3Sections div#BnrAbtGuruji {
    float: none;
    width: auto;
  }



  #Botm3Sections div#BnrWeekSatsang {
    float: none;
  }


  #Botm3Sections div#BnrConnect {
    float: none;
  }


  #AutoWrapper div#Botm3SectionsOutr {
    float: left;
    height: auto;
    padding-left: 0.2em;
    position: relative;
    width: auto;
    z-index: 999;
  } 


  /*  ------------- slider ------------------        */  

  #slide-holder img {
    display: none;
    height: auto;
    margin: 0;
    position: absolute;
    top: 0 !important;
    width: 100%;
  }


  #slide-holder div#slide-runner {
    height: 200px;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: auto;
  }


  #slide-holder {
    height: auto;
    position: relative;
    width: auto;
    z-index: 1;
  }


  #AutoWrapper div#IndexGallery {
    background: url("index_hdrbg.png") no-repeat scroll 0 0 transparent;
    float: none;
    height: auto;
    position: relative;
    width: auto;
  } 

  /*  --------- photo page -----------------  */

  .text-content table {
    font-size: 100%;
    width: auto !important;
  }


  .imgP {
    border: 1px solid white;
    box-shadow: 0 0 2px gray;
    height: auto;
    width: auto;
  }


  div.GurujiImgOutr-P {
    background: none repeat scroll 0 0 transparent;
    height: auto;
    padding: 10px 1px 16px;
    width: auto;
  }

  .PhotoTable {   margin-left: auto;
    margin-right: auto;
    width:100%;} 



  .langlist li {
    display: block;
    height: 25px;
    margin-bottom: 8px;
    padding-right: 0;
  }


  .text-content iframe {
    width: 100%;
    height: 100%;  
  }  
  .near_you_contenttext {
    padding: 30px 10px 0;
  }
  .last_footer_text_de {
    font-size: 16px;
    padding: 20px 6px 0;
  }

}/* :::::::::::::::::  alt  :::::::::::::::::::::::::::::  */

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

  .ImgsSection div.GurujiImgOutr{
    width: 186px;
    margin: auto;
    float: none;
  }
  #multi-lingual {
    padding-right: 0px !important;
  }
  .PhotoTable div.GurujiImgOutr-N{
    width: 100%;
    height: auto;
    padding-left: 0;
  }
  .text-content table {
    width: 100% !important;
  }
  #content .PhotoTable .GurujiImgOutr-N img.imgN{
    width: 100%;
    height: auto;
  }
  #content .GurujiImgOutr-P img.imgP{
     width: 100%;
  }
  #rinku #section{
    overflow-x: auto;
  }
  .home #AutoWrapper div#Botm3SectionsOutr {
     width: 100%;
    margin: auto;
    float: none;
    max-width: 315px;
 }
  .langlist li {
    height: auto;
  }

}