@media only screen and (min-width: 768px) and (max-width: 991px) { 
  
  #page_header_top .navbar-default .navbar-nav > li > a {
    padding-left:5px;
    padding-left:5px;
  }
  
  #affix-container.scroll-to-fixed-fixed .node_content_discussion_room ,
  .header-title-affix-container.scroll-to-fixed-fixed .header-title-affix-container-content
  {
    width:750px;
  }
  
}

@media only screen and (min-width: 992px) and (max-width: 1199px) { 
  #page_header_top .navbar-default .navbar-nav > li > a {
    padding-left:5px;
    padding-left:5px;
  }
  
  #affix-container.scroll-to-fixed-fixed .node_content_discussion_room ,
  .header-title-affix-container.scroll-to-fixed-fixed .header-title-affix-container-content
  {
    width:970px;
  }
}


@media(min-width:768px) {
      .container .container
      {
        width:750px;
      }
      
}

@media only screen and (max-width: 767px) { 
  #affix-container.scroll-to-fixed-fixed .node_content_discussion_room ,
      .header-title-affix-container.scroll-to-fixed-fixed .header-title-affix-container-content,
      .not-logged-in.page-user #block-system-main
      {
        width:100%;
      }
  #user-login label {
    padding-left: 0px;
  }
}


/* ----------------**/ /* ----------------**/ /* ----------------**/
/* ----------------**/ /* ----------------**/ /* ----------------**/

@media(min-width:992px) {
  
    .page-node-3 #top_content_page .container .container ,
    .page-node-4 #top_content_page .container .container ,
    .page-node-5 #top_content_page .container .container
    {
      width:970px;
    }
}

/* ----------------**/ /* ----------------**/ /* ----------------**/
/* ----------------**/ /* ----------------**/ /* ----------------**/

@media(min-width:1200px) {
  
  .container .container
  {
    width:1170px
  }
  
}

@media only screen and (max-device-width: 661px) {
  
  .image_diagram {
      margin: 0 auto;
      padding: 0 10px;
      width: 100%;
  }
  
  .image_diagram img{
      width: 100%;
      height: auto;
  }
  
  .row > .page-header{
      padding: 0 15px;
  }
  
  .field-name-body iframe{
      width: 100%!important;
      height: auto!important;
  }
  
  .mobile-nav .responsive-menu{
      position:fixed;
      top:0;
      left:0;
      /* bottom:0; */
      z-index:1030;
      width:86%;
      -webkit-transform:translate3d(-100%,0,0);
      -moz-transform:translate3d(-100%,0,0);
      transform:translate3d(-100%,0,0);
      -webkit-transition:all .3s ease-in-out;
      -moz-transition:all .3s ease-in-out;
      transition:all .3s ease-in-out;
  }
  .mobile-nav .responsive-menu.expand{
    -webkit-transform:translate3d(0%,0,0);
    -moz-transform:translate3d(0%,0,0);
    transform:translate3d(0%,0,0);
    overflow-x: hidden;
    overflow-y: scroll;
  }
/*
  .iNav-active body::after {
      background-color: rgba(255, 255, 255, 0.8);
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 5;
  }
*/
  
  .mobile-nav .menu-btn{
      position: relative;
      z-index: 99;
  }
  
  .iNav-active body {
      height: 100%;
      overflow: hidden;
      position: fixed;
      width: 100%;
  }
  
  .mobile-nav .responsive-menu #menu-mobile-menu{
      margin-top: 0;
  }
  
  .mobile-nav .menu-btn.btn-show{
      padding: 15px 10px;
  }
  
  .menu-btn.btn-show span:nth-child(2) {
    -webkit-transform:rotate3d(0,0,1,45deg);
    -moz-transform:rotate3d(0,0,1,45deg);
    transform:rotate3d(0,0,1,45deg)
  }
  
  .menu-btn.btn-show span:nth-child(3) {
    opacity:0;
    margin-top:4px
  }
  
  .menu-btn.btn-show span:nth-child(4) {
    -webkit-transform:rotate3d(0,0,1,-45deg);
    -moz-transform:rotate3d(0,0,1,-45deg);
    transform:rotate3d(0,0,1,-45deg);
    margin-top:-14px;
  }
  
}

@media only screen and (max-device-width: 460px) {
  .mobile-nav .responsive-menu{
     width:84%;
  }
}

@media only screen and (min-device-width: 600px) {
  .mobile-nav .responsive-menu{
     width:92%;
  }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
    
    #page_header_top{
        position: relative;
    }
    

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    
    
    #page_header_top {
        position: relative;
        width: 100%;
        z-index: 10;
    }
    
    .logo_information {
        background: url("../images/logo_home.png") no-repeat scroll left center ;
        height: 102px;
        left: 0px;
        padding-left: 10px;
        line-height: 102px;
        padding-left: 0;
        position: relative;
        top: 10px;
        z-index: 12;
        padding-right: 0px;
    }
    
    #block-block-22 {
        padding-top: 10px;
        position: absolute;
        right: 100px;
        top: 0;
    }
    
    html body.admin-menu {
        margin-top: 0px !important;
    }
    
    .navbar {
      min-height: 20px;
    }
    
    .mobile-nav {
      display: block;
      background: #fff;
      margin-right: 10px;
      margin-top: 10px;
      position: absolute;
      top:0px;
      right:0px;
    }
    
    .mobile-nav .menu-btn {
      border-radius: 4px;
      padding: 8px 10px;
      cursor: pointer;
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
      border: 1px solid rgba(0, 0, 0, 0.15);
    }
    
    .navbar.navbar-default {
      padding: 0px !important;
      position: static;
      z-index: 99;
      display: inline-block;
      float: right;
    }
    
    .menu-btn div {
    	position: absolute;
    	left: 100%;
    	top: 64%;
    	padding-right: 8px;
    	margin-top: -0.50em;
    	line-height: 1.2;
    	font-size: 18px;
    	font-weight: 200;
    	vertical-align: middle;
    	z-index: 99;
    }
     
    .menu-btn span {
    	display: block;
    	width: 19px;
    	height: 3px;
    	margin: 4px 0;
    	background:#B42230;
    	z-index: 99;
    }
     
    .responsive-menu{
    	display: none;
      position: absolute;
      background: #fff;
      z-index: 14;
      right:0px;
    }
     
    .expand {
    	display: block !important; 
    }
    
    #tubular-container {
      display: none !important;
    }
    
    .responsive-menu.expand {
      right: 10px;
    }
    
    .navbar #menu-mobile-menu {
      padding-left: 10px;
      padding-right: 10px;
      min-width: 240px;
      text-align: left;
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
      border: 1px solid rgba(0, 0, 0, 0.15);
    }
    
    .navbar #menu-mobile-menu li {
        display: block;
        float: none;
        margin-left: 0px;
    }
    
    .navbar #menu-mobile-menu li a {
      display: block;
      padding: 5px 0px;
      text-align: left;
    }
    
    .navbar #menu-mobile-menu .dropdown-menu {
        background: none;
        border: 0px;
        border-radius: 0px;
        box-shadow: none;
        display: block;
        float: none;
        font-size: 14px;
        left: 0;
        list-style: outside none none;
        margin: 2px 0 0 10px;
        min-width: 160px;
        padding: 5px 0;
        position: static;
        top: 100%;
        z-index: 1000;
    }
    
    .caret {
      display: none;
    }
    
    
    
    .container-home-page-bottom .col-lg-3 {
        min-height: 41px;
        margin-bottom: 10px;
    }
    
    body, html {
        height: auto !important;
    }
    
    body.front {
      min-height: 700px;
    }
    
    .content-video-full-screen {
      display: none;
    }
    
    .container-home-page-bottom .col-lg-3 .block {
       position: static;
       width:100%;
    }
    
    .tubular-mute {
      display: none;
    }
    
    .front #footer-page, .container-home-page-bottom {
        z-index: 2;
    }
    
    #block-block-22,
    #block-block-36 {
      display: none;
    }
    
    #block-block-5 .item-01 {
        padding-top: 0%;
    }


    .page-node-534 .page-header {
      display: none;
    }
    
    .not-front .logo_information a {
        color: #c12130;
    }
    
    .not-front .main-container {
        font-family: "Source Sans Pro",sans-serif;
        margin-top: 20px;
    }
    
    .page-node-534 .field-name-body .item_content img.img-responsive{
      width:100% !important;
      height: auto;
    }
    
    #block-block-46 .header_top_content .content_title {
        color: #333;
        padding: 0px 0;
        position: static;
        width: 100%;
    }
    
    .page-node-528 #top_content_page .container .container {
        width: 100%;
    }
    
    .page-node-528 .top-satsang-schedule {
        color: #333;
        padding-top: 10px;
    }
    
    #node-528 .col-sm-6  .col-sm-6  {
      padding: 0px;
    }
    
    .not-front.page-node-528 .all-margin {
      margin-bottom: 0px;
    }
    
    #block-block-33 h3 ,
    #block-block-33 .col-sm-6 ul
    {
        padding-left: 0px;
    }
    
    #block-block-33 .col-sm-6 ul ul {
      margin-left: 30px;
    }
    
    #block-block-33 ,
    #block-block-34 ,
    #block-block-43 ,
    #block-block-35 ,
    #block-block-51
    {
      padding-top: 20px;
    }
    
    #node-508 .content {
      padding: 0px 10px;
    }
    
    .view-resource-library .views-submit-button {
        padding-top: 9px;
    }
    
    #views-exposed-form-resource-library-page {
      margin-bottom: 20px;
    }
    
    .view-resource-library .row .col {
      margin-bottom: 20px;
    }
    
    .view-resource-library #views-bootstrap-grid-1 .row, .custom-grid-player-audio .row {
        margin-bottom: 0px;
    }
    
    #block-block-39 h2.block-title 
    {
        margin-top: 20px;
        
    }
    
    
    #block-block-39 .content {
      padding-bottom: 20px;
    }
    
    #block-block-39 .content p {
      text-align: center;
    }
    
    #block-block-39 a.button {
      margin-bottom: 20px;
      width:100%;
      text-align: center;
    }
    
    #carousel-shop-watch ul ,
    .jcarousel.custom-jcarousel-mobile ul,
    #carousel-shop-subscriptions .content-product-list ul
    {
      width:auto;
    }
    
    #carousel-shop-watch .content-product-list ul li ,
    .jcarousel.custom-jcarousel-mobile ul li ,
    #carousel-shop-subscriptions .content-product-list ul li
    {
      float: none;
      width:100%;
      text-align: center;
      margin-bottom: 20px;
      clear: both;
    }
    
    #carousel-shop-watch .content-product-list li .image_content ,
    .jcarousel.custom-jcarousel-mobile li .image_content ,
    #carousel-shop-subscriptions .content-product-list li .image_content
    {
      display: block;
      width:100%;
      text-align: center;
    }
    
    #carousel-shop-watch .content-product-list li .item_field ,
    .jcarousel.custom-jcarousel-mobile li .item_field ,
    #carousel-shop-subscriptions .content-product-list li .item_field {
      padding: 0px;
    }
    
    #carousel-shop-watch .content-product-list li .image_content .img-responsive ,
    .jcarousel.custom-jcarousel-mobile li .image_content .img-responsive ,
    #carousel-shop-subscriptions .content-product-list li .image_content .img-responsive
    {
      display: inline-block;
    }
    
    #node-867 h2 {
      padding-left: 10px;
    }
    
    /* Force table to not be like tables anymore */
    	.node table,.node  thead,.node  tbody,.node  th,.node  td,.node  tr { 
    		display: block; 
    	}
      
      
      
    	
    	/* Hide table headers (but not display: none;, for accessibility) */
    	.node thead tr 
      { 
    		position: absolute;
    		top: -9999px;
    		left: -9999px;
    	}
    	
    	.node tr { border: 1px solid #ccc; }
    	
    	.node td 
      { 
    		/* Behave  like a "row" */
    		border: none;
    		border-bottom: 1px solid #eee; 
    		position: relative;
    		padding-left: 50%; 
    	}
    	
    	.node td:before 
      { 
    		/* Now like a table header */
    		position: absolute;
    		/* Top/left values mimic padding */
    		top: 6px;
    		left: 6px;
    		width: 45%; 
    		padding-right: 10px; 
    		white-space: nowrap;
    	}
      
      .node td.addtocart {
        overflow: hidden;
      }
      
      .image_diagram .tooltip-path ,
      .image_diagram .link_video_1,
      .image_diagram .link_video_2,
      .image_diagram .link_video_3,
      .image_diagram .link_top_page_community
      {
        display: none;
      }
      
      #node-526 a.button ,
      #block-block-34 a.botton,
      .page-node-526 a.button
      {
        display: inline-block;
        width:100%;
        text-align: center;
      }
      
      .page-header.scroll-to-fixed-fixed ,
      .scroll-to-fixed-fixed
      {
        position: static !important;
      }
    	
    	/*
    	Label the data
    	*/
      
      .comment .comment-content {
        border-left: none;
        padding-left: 10px;
        padding-top: 10px;
        width: 100%;
        }
        
      .comment .user-info {
        float: none;
        width: 100%;
      }
      
      .comment .user-info .comment-author {
        word-break: break-all;
      }
      
      #comments .indented, #comments .indented .indented .indented {
        padding: 10px 10px 20px 20px;
      }
      
      #comments .indented .indented {
        padding: 10px 10px 20px 20px;
      }
      
      .bottom-affix-container {
        display: none !important;
      }
      
      .embed-responsive iframe{
        border: 0 none;
        bottom: 0;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
        min-height: 100px;
      }
      
      .views-bootstrap-grid-plugin-style .col {
        margin-bottom: 20px;
      }
      
      .views-bootstrap-grid-plugin-style  .row {
        margin-bottom: 0px;
      }
      
      .form-control {
        width: 100% !important;
    }
    
    
    .image_diagram {
      margin: 0 auto;
      padding: 0 10px;
      width: 100%;
  }
  
  .image_diagram img{
      width: 100%;
      height: auto;
  }
  
  .row > .page-header{
      padding: 0 15px;
  }
  
  .field-name-body iframe{
      width: 100%!important;
      height: auto!important;
  }
  
  .mobile-nav .responsive-menu{
      position:fixed;
      top:0;
      left:0;
      bottom:0;
      z-index:1030;
      width:86%;
      -webkit-transform:translate3d(-100%,0,0);
      -moz-transform:translate3d(-100%,0,0);
      transform:translate3d(-100%,0,0);
      -webkit-transition:all .3s ease-in-out;
      -moz-transition:all .3s ease-in-out;
      transition:all .3s ease-in-out;
  }
  .mobile-nav .responsive-menu.expand{
    -webkit-transform:translate3d(0%,0,0);
    -moz-transform:translate3d(0%,0,0);
    transform:translate3d(0%,0,0);
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .iNav-active body::after {
      background-color: rgba(255, 255, 255, 0.8);
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 5;
  }
  
  .mobile-nav .menu-btn{
      position: relative;
      z-index: 99;
  }
  
  .iNav-active body {
      height: 100%;
      overflow: hidden;
      position: fixed;
      width: 100%;
  }
  
  .mobile-nav .responsive-menu #menu-mobile-menu{
      margin-top: 0;
  }
  
  .mobile-nav .menu-btn.btn-show{
      padding: 15px 10px;
  }
  
  .menu-btn.btn-show span:nth-child(2) {
    -webkit-transform:rotate3d(0,0,1,45deg);
    -moz-transform:rotate3d(0,0,1,45deg);
    transform:rotate3d(0,0,1,45deg)
  }
  
  .menu-btn.btn-show span:nth-child(3) {
    opacity:0;
    margin-top:4px
  }
  
  .menu-btn.btn-show span:nth-child(4) {
    -webkit-transform:rotate3d(0,0,1,-45deg);
    -moz-transform:rotate3d(0,0,1,-45deg);
    transform:rotate3d(0,0,1,-45deg);
    margin-top:-14px;
  }
  
  .logo_information{
    width: 100%;
  }
  
  .navbar-collapse.collapse{
    display:none!important;
  }
  
  .mobile-nav{
    z-index: 20;
  }
    
}

.mobile .tubular-mute {
  display: none !important;
}

/** Iphone 4 */
/*
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  body.mobile.front  {
    background:url('../images/img_device/iphone5_1.jpg') no-repeat;
    background-attachment: fixed;
    background-size: 100%;
  }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation: landscape){
  body.mobile.front  {
    background:url("../images/jac_video2.jpg") no-repeat scroll center center;
    background-size: cover;
    background-attachment: fixed;
  }
}
*/

/** Iphone 5 */
/*
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
  body.mobile.front  {
    background:url('../images/img_device/iphone5_1.jpg') no-repeat;
    background-attachment: fixed;
    background-size: 100%;
  }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation: landscape){
  body.mobile.front  {
    background:url("../images/jac_video2.jpg") no-repeat scroll center center;
    background-size: cover;
    background-attachment: fixed;
  }
}


*/

/* Ipad 3 & 4 */

@media screen and (-webkit-device-pixel-ratio: 2) {
  
  body, html {
      height:100% !important;
  }
}

@media screen and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {

  body, html {
      height:100% !important;
  }
}

/* Ipad Mini */
@media screen and (-webkit-device-pixel-ratio: 1) {

  body, html {
      height:100% !important;
  }
}

@media screen and (-webkit-device-pixel-ratio: 1) and (orientation: landscape) {

  body, html {
      height:100% !important;
  }
}