/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 480px) {
  /* 
   * Float Region Blocks - custom media query CSS example:
   * 
   * Float regions blocks is an Extension you can enable in the appearance
   * settings for your theme. This feature allows you to automatically float
   * blocks in regions, you can switch it on and off depending on your
   * requirements. For design purposes you many want to remove the floats for
   * devices where the entire theme is just one column - for example small
   * mobile phones. The following CSS is inside the custom media query:
   *
   *   @media only screen and (max-width: 480px){}
   *
   * This will target devices with a maximum width of 480px - most small phones.
   * In these smaller screen sizes we can remove the float and widths so all
   * blocks stack instead of displaying horizonally. The selector used is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   */
  /* line 57, ../sass/responsive.custom.scss */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
  
  .node-blog.node-teaser .left,
  .view .left{
      float:none!important;
      text-align:center;
  }
  
  .block .left{
      float:none!important;
  }

}

@media only screen and (max-width: 640px) {
  #logo.left{
      float:none!important;
      text-align:center;
  }
}

@media only screen and (max-width: 768px) {
	.js .primary-menu-wrapper {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	
	#primary-menu-bar.nav{
	    padding:0;
	}

    #site-slogan{
        max-width:100%;
    }
    
    .node-full .field-name-body table{
        overflow-x: auto;
        display: block;
        position:relative;
    }
    
    .node-full .field-name-body table:before{
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYwIDMwIiBoZWlnaHQ9IjMwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2MCAzMCIgd2lkdGg9IjYwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxnPjxwb2x5Z29uIHBvaW50cz0iNTYsMTAgNTMuNDM5LDEwIDU2LjY0MSwxNCA1MCwxNCA1MCwxNiA1Ni42NDEsMTYgNTMuNDM5LDIwIDU2LDIwIDYwLDE0Ljk5OSAgICAiLz48cG9seWdvbiBwb2ludHM9IjQsMjAgNi41NjIsMjAgMy4zNjEsMTYgMTAsMTYgMTAsMTQgMy4zNjEsMTQgNi41NjIsMTAgNCwxMCAwLDE1LjAwMSAgICAiLz48Zz48cGF0aCBkPSJNMTYsMTZjLTAuNTUxLDAtMS0wLjQ0OC0xLTFjMC04LjI3MSw2LjczLTE1LDE1LjAwMi0xNUMzOC4yNzEsMCw0NSw2LjcyOSw0NSwxNC45OTljMCwwLjU1Mi0wLjQ0NywxLTEsMSAgICAgIGMtMC41NTEsMC0xLTAuNDQ4LTEtMUM0Myw3LjgzMSwzNy4xNjgsMiwzMC4wMDIsMkMyMi44MzIsMiwxNyw3LjgzMSwxNywxNUMxNywxNS41NTIsMTYuNTUzLDE2LDE2LDE2Ii8+PHBhdGggZD0iTTI5Ljk4MiwxOS45ODljLTYuMDE4LDAtNS4xMjctNy4zMTEtNS4xMjctNy4zMTFzMS4wMjctMi4zMTUsNS4xMjctMi4zMTVzNS4xNywyLjMxNSw1LjE3LDIuMzE1ICAgICAgUzM1Ljk5NiwxOS45ODksMjkuOTgyLDE5Ljk4OSBNMzAsOGMtNi4yODMsMC04LjExMyw1LjY3OS04LjExMywxOS4wMDR2MC42QzI0LjIyOSwyOS4xMTQsMjcuMDA4LDMwLDMwLDMwICAgICAgYzIuOTk0LDAsNS43NzMtMC44ODcsOC4xMTUtMi4zOTZ2LTAuNkMzOC4xMTUsMTMuNjc5LDM2LjI4NSw4LDMwLDgiLz48L2c+PC9nPjwvZz48L3N2Zz4=);
        background-repeat:no-repeat;
        background-position:center center;
        background-size:35px;
        width:40px;
        height:40px;
        content:'';
        position:absolute;
        opacity:0.7;
        top:0;
    }
    
    h1{
        font-size:1.5em;
    }
    
    h2,h3,h4,h5,h6{
        font-size:1.3em;
    }
    
    #backtotop{
        bottom:10%;
    }
    
    .devlink{
        position:relative;
        text-align:center;
        display:block;
    }
    
    #site-name{
        padding-top:0;
    }
    
}

@media only screen and (min-width: 640px) {

  .view-video .views-field-field-videocode {
    max-width:75%;
    margin: 0 auto;
  }

}  

/*fix ie*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #logo img{
        height:100%;
    }
}