/*  1350px  */
@media all and (max-width: 1479px) {

.grid-1280 { width:1280px;}
	
	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}
	
.topic-box img {width:70px;}

.topic-box a {  font-size: 12px;  padding: 8px 20px;  line-height: 120%;}	

#banner-text {padding:60px 0px 60px 13px;}


}










/*  980px  */
@media all and (max-width: 1239px) {

.grid-1280 { width:920px;}
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-8-of-9,  .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-3-of-9, .col-2-of-9 {padding: 0px 10px;} 	
	

.responsive-menu-icon {display: block;}
	
#banner-text {  padding: 40px 60px 0px 10px;}	

h1 {  font-size: 32px;}

h3 {font-size:24px;}

h2 {font-size:32px;}

.forms a {  display: inline-block;  border: 2px solid #fff !important;  color: #fff;  padding: 6px 15px; border-radius: 1000px;  margin: 4px 1px;  font-size: 13px;  font-weight: 500;}

.forms-bg {padding:40px 40px;}

.blue-tag-clouds a {  display: inline-block;  border: 2px solid #fff !important;  color: #fff;  padding: 6px 15px; border-radius: 1000px;  margin: 4px 1px;  font-size: 13px;  font-weight: 500;}

.procees .col-1-of-4 {width:50%; float:left;}

.small-banner h3 {  margin: 0px 0px 0px 3%;  color: #fff;}

.blogs  .col-1-of-4 {width:50%; float:left; margin-bottom:20px;}

.banner-pic {  float: right;  width: 360px;}

.small-banner a {  margin-top: 7px;}

.topic-box {width:48%;}	

.process-box {height:500px;}

header.darker .top-navigation, .top-navigation {display:none; position:fixed; left:0px; top:56px; padding:0px; margin:0px; background-color:#fff; width:100%;}

.top-navigation a {display:block; padding:10px 20px; text-align:left; border-bottom:1px solid #ccc; margin:0px;}

.top-navigation a:hover {background-color:#f7f7f7; padding-left:25px; font-weight:500;}

.header-gap {height:56px;}

header.darker .apply-now , .apply-now {margin-right:3%; margin-top: 6px;}

header.darker .logo img, .logo img {  display: block;  width: 150px;  transition: all 0.5s ease-in 0s;}
	
header.darker .logo, .logo {  margin: 5px 0px; transition: all 0.5s ease-in 0s;}	
	
}




/*  768px  */
@media all and (max-width: 979px) {

.grid-1280 { width:740px;}	

.col-1-of-4  {width: 50%;}	

.col-1-of-5  {width: 33.33%;}	

.col-1-of-6  {width: 33.33%;}	

.col-1-of-7  {width: 25%;}	

.col-1-of-8  {width: 25%;}	
		
.col-1-of-9  {width: 20%;}	
		
.col-1-of-10  {width: 20%;}	
	
.col-1-of-11  {width: 16.66%;}
	
.col-1-of-12 {width: 16.66%;}
	
.col-5-of-8 {    width: 75%;	}
	
.col-3-of-9 {    width: 40.00%;	}
	
.col-1-of-9 {    width: 25%;}	
	
.col-2-of-9 {    width: 25%	}
	
.col-3-of-9 {    width: 50%;}	
	
.col-3-of-8 {    width: 50%;	}

.col-2-of-3, .col-2-of-5, .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6,  .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-8-of-9,  .col-7-of-9, .col-6-of-9, .col-5-of-9, .col-4-of-9 {width: 100%;}	

	
.banner-pic {  float: right;  width: 300px;}	

#banner-text {  padding: 0px 0px 0px 20px;  }

h1, h2 {    font-size: 30px;  }

#column1, #column2 {width:100%; padding:0px 30px; background-image:none;}

#column1 {margin-bottom:30px;}

.small-banner {margin-bottom:10px;}

.small-banner {    margin-bottom: 10px;    margin-top: -30px;  }
	
h1, h2 {    font-size: 26px;  }	

.process-box h3 {  font-size: 20px;}

body {font-size:14px;}

.banner-pic {    float: right;    width: 250px;  }

h1, h2 {    font-size: 24px;  }

.banner {  padding: 30px 0px;}

#banner-text {    padding: 0px 0px 0px 10px;  }

#column1, #column2 {    width: 100%;    padding: 0px 15px;    background-image: none;  }

.two-columns {  padding: 40px 0px;}	

.forms a, .blue-tag-clouds a {    display: inline-block;    border: 2px solid #fff !important;    color: #fff;    padding: 4px 10px;    border-radius: 1000px;   margin: 4px 1px;    font-size: 12px;    font-weight: 500;  }

.small-banner a {  margin-top: 0px;}

.small-banner h3 {    font-size: 20px;  }
	
.topic-box {width:100%; margin:1% 0px;}		

.topic-box a {width:250px;}

.trending-issues {padding:30px 0px;}

.procees .col-1-of-3 {width:100%;}

.process-box {height:auto;}

header.darker .apply-now , .apply-now {margin-right:6%; margin-top: 6px;}
	
}





/*  640px  */
@media all and (max-width: 767px) {

.grid-1280 { width:600px;}	
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-8-of-9, .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-2-of-9, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8 {padding: 0px 5px;} 
	
.addresses .col-1-of-2 {width:100%;}

.questions-bg {padding:40px;}

.blue-tag-clouds {  padding: 40px 0px;	}

footer .col-1-of-2 {width:100%;}

.questions {margin-bottom:0px;}

.blog-content h3 {  font-size: 18px;  height: 60px;}
	
.tab button {  padding: 10px 16px;  font-size: 14px;}

.small-banner {padding:40px; margin-bottom:30px;}

header.darker .apply-now , .apply-now {margin-right:7%; margin-top: 6px;}

	
}





/*  480px  */
@media all and (max-width: 639px) {

.grid-1280 { width:440px;}	
	
.col-1-of-2, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-3-of-9, .col-2-of-9  {width: 100%; float: none;}	

.col-1-of-3  {width: 100%; float: none;}	
	
.col-1-of-4  {width: 100%; float: none;}	

.col-1-of-5  {width: 100%; float: none;}	

.col-1-of-6  {width: 50%;}	

.col-1-of-7  {width: 33.33%;}	

.col-1-of-8  {width: 33.33%;}
		
.col-1-of-9  {width: 33.33%;}
		
.col-1-of-10  {width: 33.33%;}
	
.col-1-of-11  {width: 33.33%;}
	
.col-1-of-12 {width: 33.33%;}
	
	
.procees .col-1-of-4 {    width: 100%;    float: none;  } 

.process-box {height:auto;}

.blogs .col-1-of-4 { width: 100%; float: none;  }

.blog-content h3 {height:auto;}

.questions-bg {    padding: 30px;  }

.ssl {  margin-top: 20px;  margin-bottom: 0px;}

header.darker .apply-now, .apply-now {    margin-right: 9%;    margin-top: 6px;  }

.banner-pic {    float: none;    width: 300px;    display: block;    margin: auto;  }

.center-black-button {  padding: 10px 20px;}

.forms a, .blue-tag-clouds a {font-family: "Barlow Condensed", sans-serif;  font-weight: 500;  font-style: normal; font-size:13px; text-transform:uppercase; padding: 2px 7px;}

.forms-bg {    padding: 40px 20px;  }

.copyright {  margin-top: 20px;}
	
.small-banner a {float:none; margin:auto;}	

.small-banner h3 {text-align:center; padding:0px;}

.small-banner {text-align:center; padding:20px;}
	
.topic-box a {    width: 250px;   line-height: 120%;    padding: 7px 5px;  }	

.t-issue-box h4 {height:auto;}

.t-issue-box p {height:auto;}

.t-issue-box {margin:15px 0px;}

.trending-issues {padding:20px 0px;}
	
	
}




/*  360px  */
@media all and (max-width: 479px) {

.grid-1280 { width:320px;}	
	
.col-1-of-6  {width: 100%; float: none;}	

.col-1-of-7  {width: 50%;}	

.col-1-of-8  {width: 50%;}
		
.col-1-of-9  {width: 50%;}
		
.col-1-of-10  {width: 50%;}
	
.col-1-of-11  {width: 50%;}
	
.col-1-of-12 {width: 50%;}	
	


.copyright {  text-align: center;  color: #999;  font-size: 9px;  letter-spacing: 1px;  text-transform: uppercase;  background-color: #111;  padding: 20px 0px;  margin-top: 20px;}

.forms a, .blue-tag-clouds a {    font-family: "Barlow Condensed", sans-serif;    font-weight: 600;    font-style: normal;    font-size: 13px;    text-transform: uppercase;    padding: 2px 7px;  }

.apply-now {  padding: 3px 10px;  font-size: 12px;}

.banner-pic {    margin-bottom: 30px;  }

h1, h2 {    font-size: 22px;  }

.small-banner {    text-align: center;    padding: 10px 0px;  }

.small-banner h3 {    font-size: 16px;  }

h3 {    font-size: 19px; }

.forms a, .blue-tag-clouds a {    font-size: 12px;    padding: 1px 5px;    margin: 2px 0px;  }
	
.forms-bg {    padding: 20px 20px;  }

.center-black-button { width: 260px;}

.blog-content a {  padding: 6px;  background-position: 3px;}

.blog-content a:hover {  background-position: 97% center;}

.blogs {  padding: 20px 0px 0px 0px;}

.topic-box {margin:2% 0px;}

.topic-box img {float:none; margin:auto; display:block;}

.topic-box h4 {width:100%; text-align:center;}

.small-banner {padding:40px; margin-bottom:30px;}

header.darker .apply-now, .apply-now {    margin-right: 13%;    margin-top: 10px;  }

}