/*-----------------------------------------------------------------------------------*/
/*    MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
/* Common Style for All Views */
img {max-width:100%;}
.flexslider .slides img {   max-width:none; max-height:483px; }
.banner-text a {color:#fff; background:#b10000;  float:left; display:block; }
.flex-direction-nav {visibility:hidden; display:none;}
.content .take-action-pan h2 {margin:0 auto;}
.width_container {width:100%; /*margin:50px auto 30px;*/  clear:both;}
#home .width_container {margin:0 auto;}
.form .text, .form .textarea, .form .quantity, .form .share_url {border:1px solid #dadada;}


@media only screen and (max-width: 1920px) {
  .flexslider .slides img { width:100%; }
}

/* Style for  480px view Starts */
@media only screen and (max-width: 480px) {
  /* Home Page - 480px and below */
  .content h2 { /*margin:15px 0px 10px;*/ font-size:40px; padding-bottom:5px; }
  .features_pagination {display:none;}
  .flexslider {padding-bottom:0; border:none;}
  .facebook_cell, .twitter_cell, .gplus_cell {display:none;}  
   /* Navigation Styling - Below 768px  */
  .menudiv.mobileview .menuicon {
    background: url("mobile-menu.png") no-repeat scroll 100% 8px;
    clear: both;
    color: #FFFFFF;
    display: block !important;
    float: right;
    padding: 16px 25px;
}
  .menudiv.mobileview.right .sf-menu {position:absolute; z-index:10; right:0; top:65px; display:none;}
  .menudiv.mobileview.right .sf-menu li {float:none; clear:both; background:#163655; width:250px;}
  .menudiv.mobileview.right .sf-menu li { border-top:1px solid #204161; text-align:left;}
  .menudiv.mobileview.right .sf-menu li a {padding:0 20px; height:50px; line-height:50px;}
  .menudiv.mobileview.right .sf-menu li a:hover {background:#b10000;}
  .menudiv.mobileview.right .sf-menu li:first-child {border-top:none;}  
  .menudiv.mobileview .menuicon {padding:0; height:33px; width:25px; background-size:50px;}
  .menudiv.mobileview.right .sf-menu li {width:180px;}
  .menudiv.mobileview.right .sf-menu {top:43px;}
  .features_pagination {z-index:3;} 
   /* Issue Page - Below 480px */
  .blog .one .textinfo, .blog .two .textinfo, .blog .one img, .blog .two img, .excerpt  {max-width:100%; clear:both; float:none;}
  .blog .one img, .blog .two img {padding:0 0 30px;}
  
}

/* Style adjustments for viewports 1009px and over go here */
@media only screen and (min-width: 1009px) {
body { min-width:1009px;}
.slider { width:100%; padding:0px; margin:0 auto;}
.flexslider .slides img {  display: block; /*height:483px;*/ max-width:none; max-height:483px; }
.flex-control-nav.flex-control-thumbs  { background:url(gallery-thumb-bg.png) repeat; display:block; box-shadow: 0px 2px 5px #e7e6e6; height:182px; /* position:absolute; top:-72px; left:0px; */ width:955px; z-index:10; margin:-100px auto 0px; }
.bannerthumbs { text-align:center; }
.bannerthumbs li, .flex-control-thumbs li { display:block; width:186px; height:181px; text-align:center; float:left; }
.banner-text-pan { display:block; position:relative; margin:0 auto; left:30px;  }
  .flex-direction-nav a { top:30%; }
/*.banner-text { width:500px; display:block;}*/
.banner-text h1 {   font-size:43px; }
/*.banner-text p {  line-height:30px; }*/

}

/*@media only screen and (min-width: 930px) and (max-width: 1024px) {
body { min-width:930px;}
.w965 { width:930px;}
.menudiv { width:730px; font-size:22.9px;}
.features_pagination { margin-bottom:25px; margin-top:-111px; }
/*.flexslider .slides img { width: auto; display: block; height:483px;}
.flex-control-nav.flex-control-thumbs  { background:url(gallery-thumb-bg.png) repeat; display:block; box-shadow: 0px 2px 5px #e7e6e6; height:182px; width:915px; z-index:10; margin:0 auto;}
.bannerthumbs { text-align:center; }
.bannerthumbs li, .flex-control-thumbs li { display:block; width:186px; height:181px; text-align:center; float:left; }
.banner-text-pan { width:915px; display:block; position:relative; margin:0 auto;}
.banner-text { width:500px; display:block; position:absolute; left:0px; top:90px;}
.banner-text h1 { ont-size:78px; color:#fff; font-weight:normal; text-transform:uppercase; border-bottom:2px dotted #fff;}
.banner-text p { font-size:18px; color:#fff; line-height:30px; font-family: 'gotham_mediumregular'; padding:15px 0px;}
a.banner-btn { background:#b10000; width:250px; height:43px; color:#fff; font-size:20px; text-align:center; line-height:43px; display:block; text-decoration:none; font-weight:700; text-transform:uppercase;}
}*/


@media only screen and (min-width: 768px) and (max-width:1023px) { 

.width_container {width:100%; margin-top:40px; }
.features_pagination {width:96%;}
.banner-text {left:20px; bottom:17px; width:350px; }
.banner-text h1 { font-size:32px;}
.banner-text p { font-size:16px; color:#fff; line-height:16px; font-size:14px;}
.twocolumn_container .right_column, .twocolumn_container .left_column {width:100%; clear:both; float:none; margin:0 auto;}
.page_stream_wrap, .form_wrap, .one_column .form {width:100%; max-width:100%;}
.slides_container {width:100%;}
.banner-left {margin-left:20px;}  
a.banner-btn { width:185px; height:25px; font-size:16px; line-height:25px; }
  
body { min-width:748px;}
.w965 { width:748px;}
/*.flexslider { height:435px; }*/
.flexslider .slides img { width:100%;}
.features_pagination li { height: 170px; width:137px; }
.features_pagination li div{ width: 137px; }

.features_pagination { margin:-108px auto 25px auto; border-bottom:none;  }
.flex-direction-nav { display:none !important ; }

.elected b {margin:42px 11px 0;}
.reptext p {line-height:15px;}  
.menudiv { width:600px;}
.menudiv ul.menu { display:none;}
.MobileMenuWrapper {display:block !important; position:relative; z-index:100;}
.MobileMenuWrapper li ul { position:absolute; display:none; right:0px;}
.menudiv ul li { background:none ;}
.menudiv ul li a { padding-right:0px;}
.menudiv ul li img { margin-top:7px;}
.menudiv ul li a:hover { background:none;}
.menudiv ul li.highlight a:hover { background:#b10000;}
.menudiv ul li ul { background:#163655; width:100%;}
.menudiv ul li li { width:100%; float:none;}
.menudiv ul li li a { height:40px; line-height:40px;}
.menudiv ul li li a:hover { background:#b10000;}
.menudiv .donate {position:absolute; right:200px; top:0;}
.menudiv .join {position:absolute; right:60px; top:0;}  
.menudiv.mobileview .menuicon {
    background: url("mobile-menu.png") no-repeat scroll 100% 8px;
    clear: both;
    color: #FFFFFF;
    display: block !important;
    float: right;
    padding:21px 25px;
}
.menudiv.mobileview.right .sf-menu {position:absolute; z-index:10; right:0; top:65px; display:none;}
.menudiv.mobileview.right .sf-menu .sfHover ul{position:relative; top:0; }
.menudiv.mobileview.right .sf-menu li {float:none; clear:both; background:#163655; width:250px;}
.menudiv.mobileview.right .sf-menu li {border-top:1px solid #204161; text-align:left;}

  .menudiv.mobileview.right .sf-menu li a {padding:15px 20px; height:40px; line-height:40px;}
.menudiv.mobileview.right .sf-menu li.last_menu { padding:20px 0; }
.menudiv.mobileview.right .sf-menu li.last_menu a{  padding:0; margin-left:20px; line-height:25px; height:auto; }
.menudiv.mobileview.right .sf-menu li.last_menu ul li a  { padding:15px 20px; margin-left:0px; height:40px; line-height:40px;  }
.menudiv.mobileview.right .sf-menu li a.join_image:hover{ background:url("join-naleo.png") no-repeat scroll left top rgba(0, 0, 0, 0);  }
  
  
.menudiv.mobileview.right .sf-menu li a:hover {background:#b10000;}  
.sf-menu li:last-child .sub ul { left:0px; text-align:left;  }
.menudiv.mobileview.right .sf-menu li li {background:#3d6a95;}


.menudiv.mobileview.right .sf-menu li:first-child {border-top:none;}  
.flex-control-nav.flex-control-thumbs  { background:url(gallery-thumb-bg.png) repeat; display:block; box-shadow: 0px 2px 5px #e7e6e6; height:138px;  width:750px; z-index:10; margin:-80px auto 0px; }
.bannerthumbs { text-align:center; }
.bannerthumbs li, .flex-control-thumbs li { display:block; width:142px; height:138px; text-align:center; float:left; }
.banner-text-pan { width:740px; display:block; position:relative; margin:0 auto;}
.content h2 { margin:0px 0px 10px;}
.content p { font-size:12px;}
.elected span { font-size:14px;}
.elected b { margin-left:15px;}
.ourissues li { width:28.5%;}
.ourissues li img { width:100%;}
.ourissues li { font-size:16px;}
.socialicons img { margin: 0 5px 0 0;}
.signupdiv input[type="text"], .signupdiv input[type="email"] {margin:0 5px 10px 0;}

#mc_embed_signup { width:707px;}
#mc-embedded-subscribe-form {width:650px;}


/* internal page css*/
.w946 { width:730px;}
.left-panel { width:450px; font-size:12px; line-height:18px;}
.left-panel h1 { padding-bottom:25px;}
.text-panel { font-size:12px; line-height:18px;}
.text-panel img.left.pr15 { max-width:250px;}
.text-panel img { max-width:450px;}
.right-panel { width:250px;}
.right-panel .signup-box { padding:15px 24px;}
.right-panel .signup-box input[type="text"] { width:175px;}
.right-panel .take-action-pan h2 { margin-bottom:0px;}
.right-panel .take-action-pan li { padding:13px 10px;}
.right-panel .take-action-pan li img { padding-right:10px;}
.follow-us ul{ width:50%; }
.follow-us li { clear: none; display: inline; float: left; padding: 15px; width: 41%; background:none; }

.banner-left { width:410px;}
.banner-left h1 { font-size:70px; line-height:80px;}
.imigration-panel img { max-width:390px;}
.imigration-panel p { line-height:19px; padding-bottom:15px;}
.text-boxes li img { max-width:280px; padding: 0px 10px 30px;}
.text-boxes li .text-pan { width:430px; padding-bottom:25px;}
.text-boxes li h2 { font-size:42px; line-height:47px;}  
  /* Issue Page - 768px */ 
.slides_container {width:100%;}
.banner-left {margin-left:20px;}
.blog .one .textinfo {max-width:53%;}
.blog .one img, .blog .two img {max-width:40%;}
.excerpt {width:90%;}
.blog .two .textinfo {padding-left:3%; max-width:50%;}
.footerdiv { margin-top:25px; } 

#blog .excerpt, .tag .content { width: 465px; }

.board-list li { width:30%;  }
.board-list li .fr { width: 42%; }
.founder.board-list .fr { margin-top: 50px; }
.founder.board-list p { font-size: 18px;}
.twocolumn-board-list .board-list li .fr { width: 60%; }

.issues-list li { width:30%; float: left; }
.issues-list li .fr { width: 42%; }
.founder.issues-list .fr { margin-top: 50px; }
.founder.issues-list p { font-size: 18px;}
.twocolumn-board-list .issues-list li .fr { width: 60%; }

.aboutnaleo-section li { width:30%; float: left; }
.aboutnaleo-section li .fr { width: 42%; }
.aboutnaleo-section-list .fr { margin-top: 50px; }
.aboutnaleo-section-list p { font-size: 18px;}
.aboutnaleo-section li .fr { width: 60%; }

.twocolumn-section { padding:30px 0px }
.twocolumn-section > div { background-position: 132px bottom; }
.twocolumn-section .icon { width: 110px; }
.twocolumn-section .content { width: 618px; }

.daca-section { padding:30px 0px }
.daca-section > div { background-position: 132px bottom; }
.daca-section .icon { width: 110px; }
.daca-section .content { width: 618px; }

.vote-section { padding:30px 0px }
.vote-section > div { background-position: 132px bottom; }
.vote-section .icon { width: 110px; }
.vote-section .content { width: 618px; }

.senior-section { padding:30px 0px }
.senior-section > div { background-position: 132px bottom; }
.senior-section .icon { width: 110px; }
.senior-section .content { width: 618px; }

.join-section { padding:30px 0px }
.join-section > div { background-position: 132px bottom; }
.join-section .icon { width: 110px; }
.join-section .contentleft { width: 300px; }
.join-section .contentright { width: 400px; }
.join-section .content { width: 50%; }


.member-section { padding:30px 0px }
.member-section > div { background-position: 132px bottom; }
.member-section .icon { width: 110px; }
.member-section .contentleft { width: 250px; }
.member-section .contentright { width: 450px; }
.member-section .content { width: 50%; }
.member-section .column1 { float: none; width: 100%; height: auto; color: #000; margin-right: 25px; padding-bottom: 34px; }
.member-section .column2 { float: none; width: 100%; height: auto; color: #000; margin-right: 25px; padding-bottom: 34px;}
.member-section .column3 {float: none; width: 100%; height: auto; color: #000; padding-bottom: 34px;}
.member-section .smallcolumn1 { float: none; width: 100%; height: auto; color: #000; margin-right: 25px; padding-bottom: 34px; }
.member-section .smallcolumn2 { float: none; width: 100%; height: auto; color: #000; margin-right: 25px; padding-bottom: 34px;}
.member-section .smallcolumn3 {float: none; width: 100%; height: auto; color: #000; padding-bottom: 34px;}


.columns { padding:30px 0px }
.columns > div { background-position: 132px bottom; }
.columns .icon { width: 110px; }
.columns .contentleft { width: 250px; }
.columns .contentright { width: 450px; }
.columns .contentrightpadding { width: 450px; color: #000; padding-top:25px;}
.columns .content { width: 48%; }
.columns .column1 { float: none; width: 100%; height: auto; color: #000; margin-right: 25px; padding-bottom: 34px; }
.columns .column2 { float: none; width: 100%; height: auto; color: #000; margin-right: 25px; padding-bottom: 34px;}
.columns .column3 {float: none; width: 100%; height: auto; color: #000; padding-bottom: 34px;}

.gallery .column1 { float: left; width: 18%; height: auto; color: #000; margin-right: 15px; padding-bottom: 34px; }
.gallery .column2 { float: left; width: 18%; height: auto; color: #000; margin-right: 15px; padding-bottom: 34px;}
.gallery .column3 {float: left; width: 18%; height: auto; color: #000; margin-right: 15px; padding-bottom: 34px;}
.gallery .column4 {float: left; width: 18%; height: auto; color: #000; margin-right: 15px; padding-bottom: 34px;}
.gallery .column5 {float: left; width: 18%; height: auto; color: #000; margin-right: 15px; padding-bottom: 34px;}



.testimonial-section { padding:30px 0px }
.testimonial-section > div { background-position: 132px bottom; }
.testimonial-section .icon { width: 110px; }
.testimonial-section .content { width: 360px; }

   .about-section h1 { font-size: 18px; }
   .about-section > div { background-position: center bottom; }
  .about-section .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .about-section .content { float: none; width: 100%; }
  .about-section .content.highlight p { font-size: 14px; }

}


@media only screen and (min-width: 480px) and (max-width:767px) { 
body { min-width:460px;}
.w965 { width:460px;}
/*.flexslider { height:225px; }*/
#page_nav { display:none; } 
  .twocolumn_container .left_column { padding:20px 0 0 0; }  
.menudiv { width:290px;}
.menudiv ul.menu { display:none;}
.menudiv.mobileview .menuicon {padding:0; height:33px; width:25px; background-size:50px;}
.MobileMenuWrapper {display:block !important; position:relative; z-index:100;}
.MobileMenuWrapper li ul { position:absolute; display:none; right:0px;}
.menudiv ul li { background:none ;}
.menudiv ul li a { padding-right:0px;}
.menudiv ul li img { margin-top:7px;}
.menudiv ul li a:hover { background:none;}
.menudiv ul li.highlight a:hover { background:#b10000;}
.menudiv ul li ul { background:#163655; width:100%;}
.menudiv ul li li { width:100%; float:none;}
/*.menudiv ul li li a { height:40px; line-height:40px;}*/
.menudiv.mobileview.right ul li a {  height: 38px;  line-height: 38px;  }
.menudiv ul li li a:hover { background:#b10000;}
.menudiv .donate a { padding:0px 7px;}

.menudiv.mobileview.right .sf-menu .sfHover ul{position:relative; top:0; }
.menudiv.mobileview.right .sf-menu li {float:none; clear:both; background:#163655; width:250px;}
.menudiv.mobileview.right .sf-menu li {border-top:1px solid #204161; text-align:left;}
.menudiv.mobileview.right .sf-menu li a {padding:0 20px; height:50px; line-height:50px;}
.menudiv.mobileview.right .sf-menu li a:hover {background:#b10000;}
.sf-menu li:last-child .sub ul { left:0px; text-align:left;  }
.menudiv.mobileview.right .sf-menu li li {background:#3d6a95;}

  #home .signupdiv input[type="text"], #home .signupdiv input[type="email"], #home .signupdiv input#signup_first_name, #home .signupdiv input#signup_last_name{ width:184px; }
.join {  position:relative; z-index:110; padding:13px 5px;}
  .width_container { margin-top:30px; }
 .menudiv .donate {position:absolute; right:193px; top:0;}
.menudiv .join {position:absolute; right:60px; top:0;}   
  
.searchbox input[type="text"] { width:144px;}
.flex-control-nav.flex-control-thumbs  { display:none; }
.bannerthumbs { text-align:center; }
.bannerthumbs li, .flex-control-thumbs li { display:block; width:142px; height:138px; text-align:center; float:left; }

.flex-direction-nav { display:none !important ; }
.flex-control-thumbs img {  margin:8px auto !important;}
.flexslider  { background:none; }
.flexslider .slides img { max-width:100%;}
.banner-text-pan { /*margin:0 auto;*/ background:#163655; width:100%; top:-4px;  }
.banner-text { width:98%; display:block; position:relative; left:auto; bottom:auto; padding:1%; height:110px;  }
.banner-text h1 { font-size:25px; }
.banner-text p { font-size:15px; line-height:18px; padding:7px 0px;}
a.banner-btn { width:130px; height:20px; font-size:11px; line-height:20px; }
.bannerthumbs li, .flex-control-thumbs li { display:block; width:89px; height:87px; text-align:center; float:left; }
/*.signupdiv input[type="text"] { width:130px; margin: 0 10px 0 0;}*/
.signupdiv input[type="text"], .signupdiv input[type="email"], .signupdiv input#signup_first_name, .signupdiv input#signup_last_name { width:130px;  }
.signupdiv input[type="submit"] { font-size:15px; padding: 4px 10px 5px;}

#mc_embed_signup { width:407px;}
#mc-embedded-subscribe-form {width:350px;}



.prog_report ul li { width:100%; float:none; border-left:0px; border-top:1px solid #e6e6e6; display:block;}
.prog_report ul li:first-child { border-top:0px;}
.mission { width: 100% !important; }
.elected b { margin: 42px 20px 0 150px;}
.ourissues li { margin:0px 20px 10px; float:none; text-align:center; width:auto;}
.ourissues li img { margin:0 auto; width:286px;}
.ourissues li span {  display: block; margin: 1px auto 0;  text-align: center; width: 286px;}

.w20, .w25, .w30 { width:50%; padding-bottom:20px;}
.socialicons { padding-right:20px;}
.socialicons img { margin-bottom:10px;}
.footerdiv { margin-top:25px; }  
.footerdiv.padd50 { padding:30px 0px 0px;}
.footer { font-size:8px;}

/* internal page css*/
.w946 { width:460px;}
.left-panel { width:460px; font-size:12px; float:none;}
.left-panel p { line-height:18px;}
.left-panel h1 {}
.text-panel { font-size:12px; line-height:18px;}
.text-panel img.left.pr15 { max-width:250px;}
.text-panel img { max-width:450px;}
.right-panel { width:460px; float:none;}
.right-panel .signup-box { padding:15px 24px;}
.right-panel .signup-box input[type="text"] { width:220px; margin:0px auto 10px;}
.right-panel .take-action-pan h2 { margin-bottom:0px; margin-top:0px;}
.right-panel .take-action-pan li { padding:13px 10px;}
.right-panel .take-action-pan li img { padding-right:10px;}
/*.follow-us { margin-bottom:30px;}
.follow-us li { padding-left:150px;}*/

.follow-us ul{ width:80%; }
.follow-us li { clear: none; display: inline; float: left; padding: 15px; width: 41%; background:none; }


.signup-box h2 { margin-top:0px;}
.follow-us h2 { margin-top:0px;}
.slides_container { width: 100%; }
.slides_container img { max-width:50%; height:auto; position:absolute; bottom:0; right:10px;  }
.banner-left { width:250px; margin-left:10px;}
.banner-left p { font-size:13px; line-height:18px;}
.banner-left h1 { font-size:35px; line-height:40px;}
.imigration-panel img {  max-width:460px; padding:0px 0px 15px; float:none !important; }
.imigration-panel p { line-height:19px; padding-bottom:15px;}
span.clear { display:none;}
.text-boxes li { text-align:center;}
.text-boxes li h2 { text-align:center;}
.text-boxes li img { float:none !important; padding:0px 0px 10px;}
.text-boxes li .text-pan { width:460px; padding-bottom:25px;}
.more-btn { margin:20px auto 0px;}
  
/* Navigation Styling - Below 768px  */
  .menudiv.mobileview .menuicon {
    background: url("mobile-menu.png") no-repeat scroll 100% 8px;
    clear: both;
    color: #FFFFFF;
    display: block !important;
    float: right;
    padding: 16px 25px;
}
  .menudiv.mobileview.right ul {position:absolute; z-index:10; right:0; top:65px; display:none;}
  .menudiv.mobileview.right ul li {float:none; clear:both; background:#163655; width:250px;}
  .menudiv.mobileview.right ul li {border-top:1px solid #204161; text-align:left;}
  .menudiv.mobileview.right ul li a {padding:0 20px; height:38px; line-height:38px;}
  .menudiv.mobileview.right ul li a:hover {background:#b10000;}
  .menudiv.mobileview.right ul li:first-child {border-top:none;}
  .features_pagination {z-index:3;}
.content h2 { margin:15px 0px 10px; padding-bottom:5px; font-size:25px;}
  .features_pagination {display:none;}
  .flexslider {padding-bottom:0; border:none;}
  
  
  /* Inner Pages - Below 768px */
  .twocolumn_container .left_column, .twocolumn_container .right_column, .page_stream_wrap, .form_wrap {width:100%;}
  
  /* Issue Page - Below 768px */
  .blog .one .textinfo, .blog .two .textinfo, .blog .one img, .blog .two img, .excerpt  {max-width:100%; clear:both; float:none;}
  .blog .one img, .blog .two img {padding:0 0 30px;}
   #donate .form nobr .text {  width: 70%; }  
  .form_wrap_twocol {  padding: 0 10px 15px 10px;  width: 95%; }
  
  .founder.board-list { width: 100%; }
  .founder.board-list .fr { margin-top: 50px; }
  .founder.board-list p { font-size: 18px;}
  .board-list li:nth-child(odd), .board-list li:nth-child(even) { float: none; width: 100%; padding: 0; }
  .board-list li .fr { width: 70%; }
  .board-list { margin: 0; }
  
  .founder.issues-list { width: 100%; }
  .founder.issues-list .fr { margin-top: 50px; }
  .founder.issues-list p { font-size: 18px;}
  .issues-list li:nth-child(odd), .issues-list li:nth-child(even) { float: left; width: 30%; padding-right: 5px; }
.issues-list li .fl { float: center; width: 140px; height: auto; }
  .issues-list { margin: 0; }
  
 
  .aboutnaleo-section li:nth-child(odd), .aboutnaleo-section li:nth-child(even) { float: left; width: 100%; padding: 0; }
  .aboutnaleo-section li .fr { width: 70%; }
  .aboutnaleo-section { margin: 0; }
  

  
  table.sharetable { width: 100%; }
  .blog-icon ul li { padding: 0 10px; }
  
    .twocolumn-section > div { background-position: center bottom; }
  .twocolumn-section .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .twocolumn-section .content { float: none; width: 100%; }
  
  .daca-section > div { background-position: center bottom; }
  .daca-section .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .daca-section .content { float: none; width: 100%; }
  
  .vote-section > div { background-position: center bottom; }
  .vote-section .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .vote-section .content { float: none; width: 100%; }
  
  .senior-section > div { background-position: center bottom; }
  .senior-section .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .senior-section .content { float: none; width: 100%; }
  
    .join-section > div { background-position: center bottom; }
  .join-section .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .join-section .contentleft { float: none; width: 100%; }
    .join-section .contentright { float: none; width: 100%; }
	.join-section .content { float: none; width: 100%; }
	
	
  .member-section > div { background-position: center bottom; }
  .member-section .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .member-section .contentleft { float: none; width: 100%; }
  .member-section .contentright { float: none; width: 100%; }
  .member-section .content { float: none; width: 100%; }
  .member-section .column1 { float: none; width: 100%; height: auto; color: #000; margin-right: 25px;  }
  .member-section .column2 { float: none; width: 100%; height: auto; color: #000; margin-right: 25px; }
  .member-section .column3 {float: none; width: 100%; height: auto; color: #000; }
    .member-section .smallcolumn1 { float: none; width: 100%; height: auto; color: #000; margin-right: 25px;  }
  .member-section .smallcolumn2 { float: none; width: 100%; height: auto; color: #000; margin-right: 25px; }
  .member-section .smallcolumn3 {float: none; width: 100%; height: auto; color: #000; }
  
  .columns > div { background-position: center bottom; }
  .columns .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .columns .contentleft { float: none; width: 100%; }
  .columns .contentright { float: none; width: 100%; }
  .columns .contentrightpadding { width: 100%; color: #000; padding-top:0px;}
  .columns .content { float: none; width: 100%; }
  .columns .column1 { float: none; width: 100%; height: auto; color: #000; margin-right: 25px;  }
  .columns .column2 { float: none; width: 100%; height: auto; color: #000; margin-right: 25px; }
  .columns .column3 {float: none; width: 100%; height: auto; color: #000; }

.gallery .column1 { float: left; width: 30%; height: auto; color: #000; margin-right: 15px; padding-bottom: 34px; }
.gallery .column2 { float: left; width: 30%; height: auto; color: #000; margin-right: 15px; padding-bottom: 34px;}
.gallery .column3 {float: left; width: 30%; height: auto; color: #000; margin-right: 15px; padding-bottom: 34px;}
.gallery .column4 {float: left; width: 30%; height: auto; color: #000; margin-right: 15px; padding-bottom: 34px;}
.gallery .column5 {float: left; width: 30%; height: auto; color: #000; margin-right: 15px; padding-bottom: 34px;}

	
  
  .testimonial-section > div { background-position: center bottom; }
  .testimonial-section .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .testimonial-section .content { float: none; width: 100%; }
  
    .about-section > div { background-position: center bottom; }
  .about-section .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .about-section .content { float: none; width: 100%; }
  
  #blog .excerpt, .tag .content { width: auto; margin-top: 15px; clear: none; float: none; }
  .post_image { width: 150px; height: 100%; margin-bottom:14px; }
  .blog .one .small_button img, .blog .two .small_button img { padding: 0; }
  .post_image > div { width: 150px; height: 150px;  }
  .blog h3 a { font-size: 20px; }


}


@media only screen and (min-width: 320px) and (max-width: 479px) { 
body{ min-width:300px; overflow-x:hidden;}
.w965 { width:300px;}
#page_nav{ display:none; }
.twocolumn_container .left_column { padding:0 0 0 0; }    
.header { height:98px;}
.logo, #home .logo { width:auto; height: 107px; left: -7px; margin-top: 0px; top:-36px; }
.logo img { width:100px;}
.flexslider .slides img { width:100%;}
.menudiv { width:200px;}
.menudiv.mobileview .menuicon {padding:0; height:33px; width:25px; background-size:25px;}
.menudiv ul.menu { display:none;}
.MobileMenuWrapper {display:block !important; position:relative; z-index:100;}
.MobileMenuWrapper li ul { position:absolute; display:none; right:0px;}
.menudiv { font-size:20px;}
.menudiv ul li { background:none ;}
.menudiv ul li a { padding-right:0px; padding-left:9px; height:43px; line-height:43px;}
.menudiv ul li img { margin-top:7px; width:32px;}
.menudiv ul li a:hover { background:none;}
.menudiv ul li.highlight a:hover { background:#b10000;}
.menudiv ul li ul { background:#163655; width:100%;}
.menudiv ul li li { width:100%; float:none;}
.menudiv ul li li a { height:35px; line-height:35px;}
.menudiv ul li li a:hover { background:#b10000;}

.menudiv.mobileview.right .sf-menu .sfHover ul{position:relative; top:0; }
.menudiv.mobileview.right .sf-menu li {float:none; clear:both; background:#163655; width:250px;}
.menudiv.mobileview.right .sf-menu li {border-top:1px solid #204161; text-align:left;}
  
.menudiv.mobileview.right .sf-menu li a {padding:20px; /*height:50px; line-height:50px;*/}
.menudiv.mobileview.right .sf-menu li.last_menu { padding:20px 0; }
.menudiv.mobileview.right .sf-menu li.last_menu a{  padding:20px; margin-left:20px; line-height:25px !important; height:auto!important; }
.menudiv.mobileview.right .sf-menu li.last_menu ul li a  { padding:20px; margin-left:0px; /*height:40px; line-height:40px; */ }
.menudiv.mobileview.right .sf-menu li a.join_image:hover{ background:url("join-naleo.png") no-repeat scroll left top rgba(0, 0, 0, 0);  }
    
.menudiv.mobileview.right .sf-menu li a:hover {background:#b10000;}
.sf-menu li:last-child .sub ul { left:0px; text-align:left;  }

.menudiv.mobileview.right .sf-menu li li {background:#3d6a95;}
.menudiv .donate { margin:0px 0px 0px 0px; z-index:110; height:43px; line-height:43px; right:110px; }
.menudiv .donate a { padding:0px 7px; height:43px; line-height:43px; font-size:18px;}
.join {  position:relative; z-index:110; padding:13px 0px 5px;}
.join a { padding: 0 4px !important;}
.join a img { padding-top:0px; width:68%; }
.searchbox input[type="text"] { width:95px;}
.flex-control-nav.flex-control-thumbs  { display:none; }
.bannerthumbs { text-align:center; }
/*.banner-text-pan { display:none;}*/
.content h2 { margin:15px 0px 10px; padding-bottom:5px; font-size:20px;}
  
  
.flex-direction-nav { display:none !important ; }
.flexslider .slides li { height:100px; }
.banner-text-pan { width:100%; display:block; position:relative; top:-4px;  margin:0 auto; background:#163655; height:110px; }
.banner-text { width:98%; display:block; position:absolute; left:0px; bottom:auto; padding:1%; }
.banner-text h1 { font-size:20px; }
.banner-text p { font-size:15px; line-height:18px; padding:7px 0px;}
a.banner-btn { font-size: 11px; height: 20px; line-height: 20px; width: 130px;}

.w965.content.padd25 { padding:0px 0px 20px;}
.content p { font-size:13px; line-height:24px;}
.signupdiv input[type="text"], .signupdiv input[type="email"], .signupdiv input#signup_first_name, .signupdiv input#signup_last_name { width:160px; margin-bottom:10px; margin-right:0px; }
.signupdiv input[type="submit"] { margin:0; }

#mc_embed_signup { width:157px;}
#mc-embedded-subscribe-form {width:157px;}


.st_facebook_hcount { margin-right:0px !important;  }

.prog_report ul li { width:100%; float:none; border-left:0px; border-top:1px solid #e6e6e6; display:block;}
.prog_report ul li:first-child { border-top:0px;}
.mission { width: 100% !important; }
.elected b { margin: 42px 20px 0 50px;}
.graybg { width:100% !important;}
.ourissues li { margin:0px 0px 15px; float:none; text-align:center; width:auto;}
.ourissues li img { margin:0 auto; width:280px;}
.ourissues li span {  display: block; margin: 1px auto 0;  text-align: center; width: 280px;}
.w20, .w25, .w30 { width:50%; padding-bottom:20px;}

.naleofund img { width:120px;}
.title2 { font-size:40px;}
.socialicons { width:100px; }
.socialicons img { margin-bottom:10px;}
.footerdiv { margin-top:25px; }  
.footerdiv.padd50 { padding:30px 0px 0px;}
.footer { /* font-size:8px; */ line-height:20px;}
.footer span { display:none;}

/* internal page css*/
.w946 { width:300px;}
.left-panel { width:300px; font-size:12px;  float:none;}
.left-panel p { line-height:18px;}
.left-panel h1 {  font-size:30px; padding-top:0px; position:relative; top:-20px;}
.text-panel { font-size:12px; line-height:18px; padding-top:0px;}
.text-panel img { padding-top:10px;}
.text-panel img.left.pr15 { max-width:300px; padding-right:0px;}
.text-panel img { max-width:300px;}
.right-panel { width:300px; float:none;}
.right-panel .signup-box { padding:15px 24px;}
.right-panel .signup-box input[type="text"] { width:200px; margin:0px auto 10px;}
.right-panel .take-action-pan h2 { margin-bottom:0px; margin-top:0px;}
.right-panel .take-action-pan li { padding:13px 10px;}
.right-panel .take-action-pan li img { padding-right:10px;}
.follow-us { margin-bottom:30px;}
.follow-us li { padding-left:70px;}
.signup-box h2 { margin-top:0px;}
.follow-us h2 { margin-top:0px;}
#int-banner { height:200px;}
.int-banner { height:200px; background-position:bottom;}
.int-banner img { width:200px; margin-top:43px; display:none;}
.banner-left { width:300px; margin-left: 50px; }
.banner-left p { font-size:14px; line-height:22px;}
.banner-left h1 { font-size:45px; line-height:55px; padding-top:20px;}
.imigration-panel img {  max-width:300px; padding:0px 0px 15px; float:none !important; }
.imigration-panel p { line-height:19px; padding-bottom:15px;}
span.clear { display:none;}
.text-boxes li img { float:none !important; padding:0px 0px 10px; max-width:300px;}
.text-boxes li .text-pan { width:300px; padding-bottom:25px; text-align:center; font-size:14px; line-height:20px;}
.text-boxes li h2 { font-size:40px; line-height:45px; text-align:center;}
.more-btn { margin:20px auto 0px;}
  
  td.pls {padding-left:2px !important;}
  .uiIconText {padding-left:17px !important;}
  
 /* .facebook_cell, .twitter_cell, .gplus_cell {clear:both; float:left; width:100%; display:block; margin:5px auto 0; }
  .facebook_cell {margin-top:0;} */
  
  /* Inner Page - Below 480px and 320px */
  .twocolumn_container .left_column, .twocolumn_container .right_column, .page_stream_wrap, .form_wrap {width:100%; clear:both; float:none;}
  .signup-box {padding:20px;}
  
	.menudiv .donate {position:absolute; right:142px; top:0;}
	.menudiv .join {position:absolute; right:30px; top:0;}  
  
  
	#donate .form_wrap_twocol { background:none; padding:0; width:100%; }
	#donate .two_column .right_column { padding:0 0 0 10px; }
	#donate .form nobr .text {display: block; margin-bottom: 10px; width: 90%; }
  #donate .success-button, #donate .success-button:hover, #donate .submit-button, #donate .submit_link a, #donate .submit-button:hover, #donate .submit-button:focus, #donate .submit_link a:hover, #donate .submit_link a:focus { font-size:12px; }
  
  .fc-content .fc-event { background:none !important; margin-bottom:5px !important; }
	.fc-header-center .fc-header-title h2 { margin-bottom:0; }
	.fc-header-left { float:left; display:inline-block; width:50% !important; }
	.fc-header-center { float:left; width:50% !important; display:inline-block; text-align:right !important; vertical-align:middle !important; }
	.fc-header-right { clear:left; display:block; width:100% !important; text-align:center !important;  }
	.fc-border-separate thead tr th { width:14.3% !important; }
	.fc-header .fc-button { margin-bottom:5px; }
	.eventdetails-address { width:100%; float:none; }
	.eventdetails-contact { width:100%; float:none; }
  
  #about #content #intro img { margin-bottom:20px !important ; }
  
  .founder.board-list { width: 100%; }
  .founder.board-list .fr  { width: 50%; }
  .founder.board-list p { font-size: 16px; }
  .founder.board-list .fl { width:126px; height: 126px; }
  .board-list li .fr, .twocolumn-board-list .board-list li .fr { width: 55%; }
   .board-list li:nth-child(odd), .board-list li:nth-child(even) { float: none; width: 100%; padding: 0; }
  .board-list { margin: 0; }
  
    .founder.issues-list { width: 100%; }
  .founder.issues-list .fr  { width: 50%; }
  .founder.issues-list p { font-size: 16px; }
  .founder.issues-list .fl { width:126px; height: 126px; float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .issues-list li .fr, .twocolumn-board-list .issues-list li .fr { width: 55%; }
   .issues-list li:nth-child(odd), .issues-list li:nth-child(even) { float: center; width: 100%; padding: 0; }
  .issues-list { margin: 0; }
  
  
  .aboutnaleo-section li .fr, .twocolumn-board-list .aboutnaleo-section li .fr { width: 55%; }
   .aboutnaleo-section li:nth-child(odd), .aboutnaleo-section li:nth-child(even) { float: center; width: 100%; padding: 0; }
  .aboutnaleo-section{ margin: 0; }
  
 
  
   table.sharetable { width: 100%; }
   .blog-icon ul li { padding: 0 28px; }
   
     .twocolumn-section h1 { font-size: 18px; }
   .twocolumn-section > div { background-position: center bottom; }
  .twocolumn-section .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .twocolumn-section .content { float: none; width: 100%; }
  .twocolumn-section .content.highlight p { font-size: 14px; }
   
   .daca-section h1 { font-size: 18px; }
   .daca-section > div { background-position: center bottom; }
  .daca-section .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .daca-section .content { float: none; width: 100%; }
  .daca-section .content.highlight p { font-size: 14px; }
  
    .vote-section h1 { font-size: 18px; }
   .vote-section > div { background-position: center bottom; }
  .vote-section .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .vote-section .content { float: none; width: 100%; }
  .vote-section .content.highlight p { font-size: 14px; }
  
   .senior-section h1 { font-size: 18px; }
   .senior-section > div { background-position: center bottom; }
  .senior-section .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .senior-section .content { float: none; width: 100%; }
  .senior-section .content.highlight p { font-size: 14px; }
  
  .join-section h1 { font-size: 18px; }
  .join-section > div { background-position: center bottom; }
  .join-section .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .join-section .contentleft { float: none; width: 100%; }
  .join-section .contentright { float: none; width: 100%; }
   .join-section .content { float: none; width: 100%; }
  .join-section .content.highlight p { font-size: 14px; }
  
  
   .member-section h1 { font-size: 18px; }
  .member-section > div { background-position: center bottom; }
  .member-section .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .member-section .contentleft { float: none; width: 100%; }
  .member-section .contentright { float: none; width: 100%; }
  .member-section .content { float: none; width: 100%; }
  .member-section .content.highlight p { font-size: 14px; }
  .member-section .column1 { float: none; width: 100%; height:auto; }
  .member-section .column2 { float: none; width: 100%; height:auto;  }
  .member-section .column3 {float: none; width: 100%; height:auto; }
    .member-section .smallcolumn1 { float: none; width: 100%; height:auto; }
  .member-section .smallcolumn2 { float: none; width: 100%; height:auto;  }
  .member-section .smallcolumn3 {float: none; width: 100%; height:auto; }
  
  
  .columns h1 { font-size: 18px; }
  .columns > div { background-position: center bottom; }
  .columns .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .columns .contentleft { float: none; width: 100%; }
  .columns .contentright { float: none; width: 100%; }
  .columns .contentrightpadding { width: 100%; color: #000; padding-top:0px;}
  .columns .content { float: none; width: 100%; }
  .columns .content.highlight p { font-size: 14px; }
  .columns .column1 { float: none; width: 100%; height:auto; }
  .columns .column2 { float: none; width: 100%; height:auto;  }
  .columns .column3 {float: none; width: 100%; height:auto; }
  
  
  .gallery .column1 { float: left; width: 45%; height: auto; color: #000; margin-right: 15px; padding-bottom: 34px; }
.gallery .column2 { float: left; width: 45%; height: auto; color: #000; margin-right: 15px; padding-bottom: 34px;}
.gallery .column3 {float: left; width: 45%; height: auto; color: #000; margin-right: 15px; padding-bottom: 34px;}
.gallery .column4 {float: left; width: 45%; height: auto; color: #000; margin-right: 15px; padding-bottom: 34px;}
.gallery .column5 {float: left; width: 45%; height: auto; color: #000; margin-right: 15px; padding-bottom: 34px;}

  
  
    .testimonial-section h1 { font-size: 18px; }
   .testimonial-section > div { background-position: center bottom; }
  .testimonial-section .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .testimonial-section .content { float: none; width: 100%; }
  .testimonial-section .content.highlight p { font-size: 14px; }
  
   .about-section h1 { font-size: 18px; }
   .about-section > div { background-position: center bottom; }
  .about-section .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .about-section .content { float: none; width: 100%; }
  .about-section .content.highlight p { font-size: 14px; }
  
  #blog .excerpt, .tag .content { width: auto; margin-top: 15px; clear: none; float: none; }
  .post_image { width: 150px; height: 100%; margin-bottom:14px; }
  .blog .one .small_button img, .blog .two .small_button img { padding: 0; }
  .post_image > div { width: 150px; height: 150px;  }
  .blog h3 a { font-size: 20px; }
  
}