/**************************************************************************
 * This is a boilerplate for customizing each display of a responsive
 * layout.  These will only work properly using the theme's default media
 * queries.  If you've made changes to the default settings, replace the
 * media queries found in this file with the ones generated inside of
 * sites/default/files/fusion/[theme-name].responsive.grid.css.
 *
 * Steps to activate responsive.css:
 * 1. Add your custom CSS to this file
 * 2. Rename this file to responsive.css
 * 3. Clear cached data at admin/settings/performance
 **************************************************************************/

/* Desktop display. */
@media only screen and (min-width:1200px) {
  /* Uncomment this style for an easy visual confirmation that your
   * css file is being included.  It will change the header background to
   * orange. */
  /*
  #header-group-wrapper {
    background-color: orange !important;
  }
  */
}

/* iPad: landscape. */
@media only screen and (max-device-width: 1024px) and (orientation:landscape), only screen and (min-width:960px) and (max-width:1199px) and (min-device-width: 1100px) {
}

/* iPad: portrait. */
@media only screen and (max-device-width: 1024px) and (orientation:portrait), only screen and (min-width:768px) and (max-width:959px) and (min-device-width: 1100px) {
	
}

/* Mobile display. */
@media only screen and (max-width:759px) {
	

/*.content-left-col{float:none!important;}
.content-left-col, .content-right-col{width:100%;max-width:720px!important;padding-left:0px!important;padding-right:0px!important;}
.content-left-col .gutter, .content-right-col .gutter{margin-left:10px!important;margin-right:10px!important;}

.preface-bottom-inner .main-slideshow-block, .preface-bottom-inner .main-slideshow-block .view-content{width:320px!important;}
.preface-bottom-inner .main-slideshow-block .views-slideshow-controls-top, .preface-bottom-inner .main-slideshow-block .views-slideshow-controls-bottom{position:absolute;z-index:3;margin-top:75px!important;}
.preface-bottom-inner .main-slideshow-block .views-slideshow-controls-bottom{left:290px;}
.preface-bottom-inner .main-slideshow-block .views_slideshow_main{padding-left:0!important;padding-right:0!important;}
.preface-bottom-inner .main-slideshow-block .views-slideshow-cycle-main-frame{margin-left:15px;margin-right:15px;}
.preface-bottom-inner .main-slideshow-block .views_slideshow_main{width:320px!important;}
.preface-bottom-inner .main-slideshow-block, .preface-bottom-inner .main-slideshow-block .view-content .skin-default{position:relative;}
.preface-bottom-inner .main-slideshow-block .main-slider-item{width:320!important;}
.preface-bottom-inner .slider-content-container{width:320px;}
.preface-bottom-inner .slider-img{width:290px;overflow:hidden;margin-bottom:10px;}
.preface-bottom-inner .slider-img a img{width:100%;height:auto;}
.preface-bottom-inner .slider-content-container .slider-text{width:290px;}
.preface-bottom-inner .main-slideshow-block .views-slideshow-cycle-main-frame{height:400px!important;}
.preface-bottom-inner .main-slideshow-block .views-slideshow-controls-bottom .views_slideshow_controls_text_next a, .preface-bottom-inner .main-slideshow-block .views-slideshow-controls-top .views_slideshow_controls_text_previous a{width:12px!important;}
.preface-bottom-inner .main-slideshow-block .main-slider-item{}*/
}
@media only screen and (min-width:986px) and (max-width: 1024px){
body .grid16-16, body, div.full-width{max-width:1024px !important;float:left;min-width:986px !important;}
#footer-below-wrapper{background-color:#ef6824;}
.sf-accordion-toggle{display:none;}
}
@media only screen and (min-width:768px) and (max-width: 985px){
body .grid16-16, body, div.full-width{max-width:985px !important;float:left;min-width:768px !important;}
#footer-below-wrapper{background-color:#ef6824;}
.sf-accordion-toggle{display:none;}
}
@media only screen and (min-width:480px) and (max-width: 767px){

body .grid16-16, body, div.full-width{max-width:767px !important;float:left;min-width:480px !important;}
#footer-below-wrapper{background-color:#ef6824;}
.sf-accordion-toggle{display:none;}
.preface-bottom-inner .content{text-align:center;}
.preface-bottom-inner .main-slideshow-block{text-align:left;}

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

body .grid16-16, body, div.full-width{max-width:479px !important;float:left;min-width:320px !important;}
#footer-below-wrapper{background-color:#ef6824;}
.sf-accordion-toggle{display:none;}
.preface-bottom-inner .content{text-align:center;}
.preface-bottom-inner .main-slideshow-block{text-align:left;}


}
@media only screen and (max-width: 320px){
*{max-width:100% !important;}
body .grid16-16, body, div.full-width{max-width:100% !important;float:left;min-width:100px !important;}
#footer-below-wrapper{background-color:#ef6824;}
.sf-accordion-toggle{display:none;}


/*.preface-bottom-inner .main-slideshow-block .views_slideshow_main, .preface-bottom-inner .main-slideshow-block .views-slideshow-controls-top, .preface-bottom-inner .main-slideshow-block .views-slideshow-controls-bottom #views_slideshow_controls_text_main_slideshow-main_slideshow_block, .preface-bottom-inner .main-slideshow-block .views-slideshow-controls-bottom .views_slideshow_controls_text_next{display:block;float:left !important;}
.preface-bottom-inner .main-slideshow-block .views-slideshow-controls-bottom .views_slideshow_controls_text_next{position:relative!imporant;clear:both;z-index:50;}*/
.preface-bottom-inner .main-slideshow-block .views-slideshow-controls-bottom{right:0 !important;top:0;position:absolute!important;margin-right:100px!important;float:left !important;margin-left:-30px;}
.preface-bottom-inner .main-slideshow-block .views_slideshow_main{width:80% !important;}
.preface-bottom-inner .main-slideshow-block .views-slideshow-controls-bottom .views_slideshow_controls_text_next{float:left !important;display:block;}
.preface-bottom-inner .main-slideshow-block .views-slideshow-controls-bottom .views_slideshow_controls_text_next a{background: rgba(0, 0, 0, 0) url("http://www.ncjustice.org/sites/all/themes/ncjustice_custom/images/orange-arrow.png") no-repeat scroll right bottom}
.preface-bottom-inner .main-slideshow-block .views_slideshow_main{margin-left:20px!important;}
.preface-bottom-inner .main-slideshow-block .view-content{margin-left:10px;}
.preface-bottom-inner .main-slideshow-block, .preface-bottom-inner .main-slideshow-block .view-content, .preface-bottom-inner .main-slideshow-block .skin-default{width:93%;}
.preface-bottom-inner .content{text-align:center;}
.preface-bottom-inner .main-slideshow-block{text-align:left;}
}