.block-hide { display:none;}
.mc4wp-form label { display: none !important; }

@media (min-width:1800px){
    #banner-b .banner img {
        height: auto;
        width: 100%;
    }
}

@media (min-width:1024px){
    .mode {min-height:400px!important;}
}

@media (max-width: 1024px) and (min-width: 768px) {
	#join {padding-top:60px!important;}
	#first-time {margin:0 0 0 -20px;width: 220px!important; padding: 15px;}
	#renew {margin:20px 0 0 -20px;width: 220px!important; padding: 15px;}
	#who-we-are {margin-top:-50px;}
	#mission, #faq {margin-top:-30px!important;}
	#council {padding-top:60px!important;}
	#modes-title {margin-top:-20px!important;margin-bottom:40px!important;padding-bottom:0!important;}
	#modes {margin-bottom:0!important;padding-bottom:0!important;}
	.mode {min-height: 380px!important; margin-bottom:0!important;}
	#laws {margin-bottom:-70px;!important}
	#contact-info {margin-top:-20px!important;}
	.inner-banner img {height:25vh!important;width:auto;max-width:160%;}
	.navbar-default .navbar-toggle {margin-top:30px;}
}

@media (max-width: 480px){
	body { padding: 0; }
	.nav { text-align: right;  }
	.nav > li { display: inline-block; float: none; vertical-align: baseline; margin-top: 28px; }
    .navbar-nav > li > a { padding: 11px 19px 0 20px; }
    .navbar-default .navbar-toggle {margin-top: -65px!important;}
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover {background-position-y: 0;}
    .drop { background-position-y: 70%; background-position-x: 90%; }
    /*.nav li.button { float: right; }*/
	.nav li.button a { margin-top: 0; margin-right: 20px; margin-bottom: 35px; }
	.nav li:before { top: 11px; }
	#banner-a .banner img { height: auto; width: auto; max-width: none; }
    .inner-banner { height: auto; }
    .inner-banner h1 {margin-bottom:0px;}
    .inner-banner img { height: 30vh!important; width: auto;max-width: none;}
    .search-form input[type=text] { width: 64%; }
    .all-doc .white-bx { overflow: hidden; }
    .all-doc .white-bx > div.letter { width: 138px; padding-left: 10px; }
    .all-doc .white-bx > div.social-media { width: 140px; }
    .blog-page .im-blog {margin-bottom:30px;}
    .left-section {margin-bottom:-50px!important;}
    .blog .right-section {padding:30px}
    .right-section .search-form input[type=text] {width:100%}
    .right-section .search-form input[type=submit] {width:100%; margin-top:30px;}
    .sidebar-widget:last-of-type{margin-bottom:-40px!important;}
    #join {padding-top:20px!important;}
    .join-buttons {margin-bottom:-10px!important;}
    #first-time {width:320px!important;margin:0!important; margin-left:80px!important}
    #renew {width:320px!important; margin:30px 0px!important;}
    #faq {padding-bottom:0!important;margin-bottom:-50px!important;}
    #who-we-are {margin-top:0px!important;margin-bottom:-30px!important}
    #contact-info {margin:-40px 0 -100px 0!important;}
    .contact-form {margin:-20px 0 130px 0!important;padding:0 15px;}
    .contact-map {margin:-20px 0 -50px 0!important;padding:0 15px;}
    .wpcf7-form input[type=date], .wpcf7-form input[type=tel], .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form textarea {width:100%;}
    .wpcf7-form input[type=submit] {width:386px; margin:0 15px;}
    #modes-title {margin:0!important;padding:0 15px!important;}
    .mode {height:330px!important;}
    #laws {padding:0 15px;}
    .waste {margin-bottom:0!important;}
}

@media only screen and (max-width : 800px) {
    .all-need {  /* margin-bottom: 30px; */ padding: 0 30px;}
    .all-doc .white-bx { overflow: hidden; text-align: center; }
    .all-doc .white-bx img { float: none; }
    .all-doc .white-bx > div { width: 100% !important; text-align: center; }
    #banner-a .left { width: 48%; }
	.service .lib { width: 73%; }
	.home .service .lib { width: 100%; }
	.home .service .service-box { min-height: 374px; }
}

@media only screen and (min-width : 768px) {
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }
}

@media only screen and (width : 768px) {
    #banner-b .form-section h2 { font-size: 12px; }
    #banner-b .form-section h2 span { font-size: 18px; }
	.mode {min-height:380px!important;}
}

@media only screen and (max-width: 767px) {
    .navbar-default .navbar-toggle { margin-top: -90px; }
    ul.nav.navbar-nav { margin: 0; text-align: left; float: none; }
    .nav.navbar-nav {  padding-top: 20px; }
    .nav.navbar-nav > li { padding: 0 20px; display: block; width: 100%; margin: 0; }
    .nav.navbar-nav > li a { line-height: 40px; padding: 0;  }
    .nav.navbar-nav li:before { left: 20px; color: #6acff0; }
    .nav.navbar-nav li.active {  }
    .nav.navbar-nav li.button a { background: none; margin: 0; padding: 0 0 0 25px; color: rgb(145, 168, 174) !important; font-weight: 700; }
    .nav.navbar-nav li.active a,
    .nav.navbar-nav li.active:before {  }
    .nav.navbar-nav li.active:after { display: none; }
    .drop { background-position-x: 96%; background-position-y: 20px; }
    .navbar-nav .open .dropdown-menu { padding: 10px 0; }
    .jst-cov { padding: 0 15px; }
    .right-section { padding-left: 15px; }
    .left-section { overflow: hidden; margin-bottom: 50px; }
    .left-section article { clear: both; }
    .pager-section { width: 100%; padding: 0; text-align: center; }
    .pager-section > span, .pager-section > a { display: inline-block; vertical-align: bottom; float: none; }
    .lft-bottom { margin-bottom: 25px; overflow: hidden; }
    .text-needleft { width: 100%; width: calc(100% - 78px); }
    .text-needleft h2 { padding-top: 5px; }
    .element-lft img { margin-bottom: 50px; }
    .var2-bt { margin: 10px 0 0; float: none; display: inline-block; }
    #banner-c .banner,
    #banner-b .banner,
    #banner-a .banner { height: inherit; }
    #banner-c .banner img,
    #banner-b .banner img,
    #banner-a .banner img { width: 100%; height: inherit; }
    #banner-c .relative,
    #banner-b .relative,
    #banner-a .magnet { position: static; }
    #banner-c .relative,
    #banner-b .relative { background: #fff; }
    #banner-b .banner-caption { margin-top: 50px; }
    #banner-b .need-right { float: none; margin-top: 50px; }
    #banner-b .form-section.style3 { margin-top: -50px; }
    #banner-c .banner-caption h2,
    #banner-c .banner-caption p,
    #banner-a .banner-caption h2,
    #banner-a .banner-caption p,
    #banner-b .banner-caption h2,
    #banner-b .banner-caption p { color: #000; }
    .all-news { float: none !important; }
    .wpb_column { margin-bottom: 65px; }
    .wpb_column:last-child { margin-bottom: 0 !important; }
    .home .service .service-box { min-height: inherit; }
    .all-need { min-height: inherit; }
    .all-need:last-child { margin-bottom: 0; }
    .subscription-form input[type="email"] { width: 100% !important; margin-bottom: 25px; }
    .leave-page { padding: 60px 20px; }
    .leave-page .text-area { padding: 0; }
    .copyrights p {padding:0 20px;}
    .p82-topbot {padding:40px 0;}
    .mode {min-height:320px!important; padding:30px 30px!important;margin:0!important;}
    .content-row {margin-top:-50px!important;margin-bottom:-30px!important;padding-top: 0!important;} 
    .waste {margin-top:-100px!important;}
    #first-time {margin:0 0 0 -20px;}
	#renew {margin:20px 0 0 -20px;}
	.blog-page .im-blog {margin-bottom:40px!important;}
    }


@media only screen and (max-width: 600px) {
    .text-needleft { float: none; width: 100%; }
    .footer, .copyrights {padding: 30px 30px 20px 30px!important;}
    .footer ul {
	-webkit-column-count: 1;/* Chrome, Safari, Opera */
	-moz-column-count: 1;/* Firefox */
	column-count: 1;
	padding: 30px 0!important;
	}
	.footer ul li {padding:30px 0;}
	.footer ul li.bottom {border-bottom:1px solid #2188c5;}
	.footer ul li:last-of-type {border:0;}
	.content-section {padding:0 30px!important;}
	.image {padding:0!important}
	.hide-for-small {display:none;}
	.join-buttons {margin-bottom:-10px!important;}
    #first-time {width:386px; margin:0 30px!important;}
    #renew {width:386px; margin:30px 30px!important;}
}

@media only screen and (max-width : 320px) {
    .top-strip h2 { border: none; padding: 5px 0 5px 25px !important; }
    .top-strip { padding: 10px 0; }
    .image-section { margin-bottom: 20px; }
    .image-section, .news-detail { width: 100%; padding: 0; }
    #banner-b .form-section h2 { font-size: 12px; }
    #banner-b .form-section h2 span { font-size: 18px; }
    .inner-banner h1 {margin-bottom:0px;}
    .inner-banner img { height: 20vh!important; width: auto;max-width: none;}
    #first-time {width: 230px!important; margin: 0 30px!important;padding:15px}
    #renew {width: 230px!important; margin:30px 30px!important;padding:15px}
    .wpcf7-form input[type=submit] {width:250px; margin:0;}
    #who-we-are h3, #who-we-are h3.title-grp {font-size:22px;}
    #modes-title {min-height:150px!important;}
	#modes {margin-bottom:0!important;padding-bottom:0!important;}
	.mode {min-height:410px!important; margin-bottom:0!important;}
	 #contact-info {margin:0 0 -60px 0!important;}
    .contact-form {margin:-20px 0 130px 0!important;padding:0 15px;}
    .contact-map {margin:0 0 -50px 0!important;padding:0 15px;}
}