/************************************************************************************
Larger than 768
*************************************************************************************/
@media only screen and (min-width : 768px) {
/*SHOW SUBMENUS ON HOVER */
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
}


/************************************************************************************
shorter than 700
*************************************************************************************/
@media screen and (max-height: 700px) {

}

/************************************************************************************
Bigger than 768 NORMAL SCREEN
*************************************************************************************/
@media only screen and (min-width : 768px) {
   /* Navbar positioning foo */


}
/************************************************************************************
smaller than 1320
*************************************************************************************/
@media screen and (max-width: 1320px) {
 .container {
 /*width:95% ;*/
 width:100%;
 }
}
/************************************************************************************
smaller than 1060
*************************************************************************************/
@media screen and (max-width: 1060px) {

	#header .headerImg .SEKlogo {
	max-width:500px;
	/*margin: 0 2%;*/
}
	#header .headerImg .sekonline_link {
	float: right;
/*	top:0;
	margin: 2%;*/
	/*max-width: 140px;*/
}

#header .search {
   float: right;
}
	#header .search{
	max-width: 100%;
	min-width: 100px;
	padding:10px 5px 5px 0;
	float:none;
	margin-bottom:10px;
margin-right:2%;
}	

}
/************************************************************************************
smaller than 1012
*************************************************************************************/
@media screen and (max-width: 1012px) {

}

/************************************************************************************
smaller than 980 
*************************************************************************************/
@media screen and (max-width: 980px) {
 #header .headerImg {
    margin: 0 auto;
    text-align: center;
	float:none;
}

}

/************************************************************************************
BETWEEN 768 and 980
*************************************************************************************/
/*@media screen and (min-width:768px) and (max-width:980px) {

#header .headerImg .SEKlogo {
    max-width: 400px;
}	
#news_wrapper {
    float: none ;
    margin: 0 auto;
}
#elections_wrapper {
    width: 60%;
	padding: 15px 0 0 0;
}
#banners_wrapper {
    float: left;
    width: 30%;
    height: auto;
    margin-top: 50px;
}
#column1 {
    width: 65%;
}
#column3 {
    width: 25%;
}

}
*/

/************************************************************************************
BETWEEN 768 and 1020
*************************************************************************************/
@media screen and (min-width:768px) and (max-width:1020px) {

#header .headerImg .SEKlogo {
    max-width: 400px;
}	
#news_wrapper {
    float: none ;
    margin: 0 auto;
}
#elections_wrapper {
    width: 60%;
	padding: 15px 0 0 0;
 margin-left: 20%;
}
#banners_wrapper {
    float: left;
    width: 30%;
    height: auto;
    margin-top: 50px;
    margin-left: 40%;
}
#column1 {
    width: 65%;
    margin-left: 17.5%;
}
#column3 {
    width: 25%;
    margin-left: 30%;
}

#column4 {
 margin-left: 29%;
}
#column5{
 margin-left: 29%;
}

}



/************************************************************************************
smaller than 768 - MOBILE and MENU TOGGLE
*************************************************************************************/
@media screen and (max-width: 768px) {
 
 #header {
 height:100%;
}
#header .headerImg .SEKlogo {
  width: 95%;
  	max-width: 400px;
  float: none;
}
#header .headerImg .sekonline_link {
	float: none;
	top:0;
	margin: 10px;
	max-width: 300px;
   width: 95%;
}

 
 #body_wrapper .template_header{
      width: 100%;
          margin-bottom: 5px;
 }
  /* FLEX columns */
 .special-order{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  flex-flow: column wrap;
  width: 100%; 
 }
   #news_wrapper,
   #act_wrapper,
   #politics_wrapper,
   #campaigns_wrapper,
   #tar_wrapper,
   #financial_wrapper{
   width:100%;
   }
#campaigns_wrapper,
#videos_wrapper{
   padding:10px;
   }
#campaigns .campaign {
	border:none;
}	
#elections {
    padding: 10px;
}
#elections_wrapper{
   width:100%;
   height:100%;
   margin-left:0;
   padding-left: 0;
   } 
#elections .election_entry {
  width:100%;
}

#elections .election_entry a img{
	width: 100% !important;
	max-width: 300px !important;
	height: auto !important;
}
#elections .election_entry .subtitle {
	font-size:1em;
 display: block;
 padding: 10px 0 15px 0;
}

#banners_wrapper {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}
#banners {
 text-align:center;
}
#banners a  {
    float:none;
}
#banners a > img {
    width: 100%;
    max-width: 220px;
    padding-bottom: 15px;
	display: block;
    margin: 0 auto;
}

#row1 {
   width:100%;
   order: 4;
   }
#column1 {
   width:100%;
   padding: 10px;
   margin:0;
   order: 4;
   }
#column2 {
   width:100%;
   order: 7;
   }
#column3 {
    width: 100%; 
    padding-right: 0;
    order: 3;
}
#column4 {
   width:100%;
   order: 2;
   }
#column5 {
   width:100%;
   order: 1;
   }
#column6 {
   width:100%;
   margin:0 5px;
   }
   
#campaigns .campaign {
     float: none;
    width: 100%;
    height: auto;
    max-width:350px;
    margin: 0 auto;
    padding-bottom: 15px;
}
#campaigns > .campaign > a > img {
    width: 100%;
}
#middle .general_div {
    float: none;
    width: 70%;
    margin: 0 auto;
}
#main .article_image {
    padding:0 !important;
}
#tar .tar_entry {
    width: 100%;
    height: auto;
    max-width: 350px;
    float: none;
        margin: 0 auto;
}
#tar .tar_entry a img {
    width: 100%;
    max-height: 100%;
    max-width: 300px;
    display: block;
	margin: 0 auto;
}
#financial_wrapper {
 margin-left:0;
}
#news_wrapper {
	float:none;
}
#news .left_nav{
	left: 5%;
}

#news .right_nav{
	right: 5%;
}
#news .grey_blanket {
    padding:10px;
}
#news .grey_blanket > .basic_link {
    font-size: 0.8em;
    line-height: 110%;
}

#politics .article_image {
	max-width:100% !important;
	width: 100% !important;
    float: none !important;
}
#politics .article_title {
	margin-left:0 !important;
	}
	
#politics .article_abstract {
	margin-left:0 !important;
}
#main .member_info-left,
#main .member_info-right{
    width: 100% !important;
}
#main .member-card-left {
	width:100% !important;
	margin-right:0 !important;
}
#main .member-card-right {
	width:100% !important;
	margin-right:0 !important;
	margin-top: 20px !important;
}	
#main .member-card-center	{
	width:100% !important;
}
#main .member-card-center img {
    max-width: 100% !important;
}	
	
/* Bootstrap menu */
.navbar-header {
    height: 40px;
}

.navbar-toggle {
    background-color: #000 !important;
	border:none!important;
  position: absolute !important;
float: left !important;
left: 20px !important;
top:0 !important;
}


.navbar-wrapper > .container {
    padding-left: 20px;
}
.navbar-wrapper .navbar {
    padding-right: 15px;
    padding-left: 0;
}
.navbar-collapse.in {
    overflow-y: visible !important;
}
.navbar-inverse {
    background-color: #000 !important;

}
ul.nav.navbar-nav {
background:#F6F6F6;
  width:100%;
}
 .navbar li.dropdown.open {
 background:#F1F1F1;
 }
 
 .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
 border:none;
 }
 

.dropdown-menu {
     min-width: 100%;
}

}
/************************************************************************************
smaller than 667
*************************************************************************************/
@media screen and (max-width: 667px) {

}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
/* disable webkit text size adjust (for iPhone) */

}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

}

/************************************************************************************
smaller than 200
*************************************************************************************/
@media screen and (max-width: 200px) {

}