/* === Media Queries ==== */

@media (max-width: 992px){

	/* ==== Reset Typography ==== */
	
	
	.text-type-heading{
		font-size: 70px;
	}
	
	.text-type-heading-2{
		font-size: 32px;
	}
	
	.text-type-subheading{
		font-size: 15px;
	}
	
	.text-type-subheading-2{
		font-size: 21px;
	}
	
	.text-type-subheading-3{
		font-size: 30px;
	}
	
	.text-type-subheading-4{
		font-size: 18px;
	}
	
	.home-contents h3{
		font-size: 80px;
	}
	
	.word-of-month{
		font-size: 45px;
	}	
	
	/* ==== Reset Helper ==== */
	
	.seperator-pad-bottom{
		padding-bottom: 40px;
	}
	
	.seperator-pad-top{
		padding-top: 30px;
	}
	
	.seperator-marge-bottom{
		margin-bottom: 50px;
	}
	
	.seperator-marge-top{
		margin-top: 50px;
	}
	
	.pad-top-30{
		padding-top: 25px;
	}
	
	.pad-bottom-30{
		padding-bottom: 25px;
	}
	
	.pretty-flower-holder{
		padding: 35px 0;
	}

	.comment-form .comment-container{
		margin-right: 0;
	}
}

@media (max-width: 768px){

	/* ==== Reset Typography ==== */
	
	.text-type-heading{
		font-size: 60px;
	}
	
	.text-type-heading-2{
		font-size: 30px;
	}
	
	.text-type-subheading-3{
		font-size: 27px;
	}
	
	.word-of-month{
		font-size: 40px;
	}
	
	.home-contents h3{
		font-size: 50px;
	}
	
	.about-us-bio .about-us-bio-photo{
		max-width: 100px;
		margin-bottom: 5px;
	}
	
	/* ==== Reset Helper ==== */
	
	.seperator-pad-bottom{
		padding-bottom: 30px;
	}
	
	.seperator-pad-top{
		padding-top: 25px;
	}
	
	.seperator-marge-bottom{
		margin-bottom: 40px;
	}
	
	.seperator-marge-top{
		margin-top: 40px;
	}
	
	.pad-top-30{
		padding-top: 22px;
	}
	
	.pad-bottom-30{
		padding-bottom: 22px;
	}
	
	.pretty-flower-holder{
		padding: 30px 0;
	}
	
	.quote-text{
		font-size: 18px;
	}
	
	.testimonial-item{
		padding: 30px 0;
	}
	
	/* ==== Reset Layout ==== */
	
	.wrapper{
		max-width: 600px;
	}
	
	.feature-box{
		margin-bottom: 16px;
	}

	.box-area {
  		width: 50% !important;
	}

	.request-table .table tr td{
		padding: 10px 12px;
	}

	.header-inner{
		text-align: center;
	}

	.logo{
		float: none;
	}

	.user-nav{
		float: none;
		padding: 28px 0 30px ;
	}
}

@media (max-width: 600px) { 
	
	
	.pad-top-30{
		padding-top: 18px;
	}
	
	.pad-bottom-30{
		padding-bottom: 18px;
	}
	
	.pretty-flower-holder{
		padding: 25px 0;
	}
	
	.testimonial-item{
		padding: 20px 0;
	}
	
	/* ==== Reset Layout ==== */

	.user-info button{
		margin-left: 5px;
	}

	.search input[type=text]{
		max-width: 100%;
	}

	.search input[type="submit"]{
		left: 25px;
	}

	main .community li span.date{
		display: block;
		width: 100%;
		text-align: left;
		margin-bottom: 10px;
	}

	.community h2 {
	  padding-left: 20px;
	}

	main .community li {
	  padding: 12px 20px;
	  line-height: 100%;
	}

	main{
		padding-bottom: 30px;
	}

	main .community.recent-events-panel, 
	main .community.tues-panel{
		margin-top: 30px;
	}

	.table table, 
	.table thead, 
	.table tbody, 
	.table th, 
	.table td, 
	.table tr { 
		display: block; 
		padding: 10px 0px;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border-bottom: 1px solid rgba(242, 242, 242, 0.8) }
	
	.table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}

	.table>thead>tr>th, 
	.table>tbody>tr>th, 
	.table>tfoot>tr>th,
	.table>thead>tr>td, 
	.table>tbody>tr>td, 
	.table>tfoot>tr>td{
		padding-left: 28%; 
		border: 0;
	}


	.request-table td:nth-child(1),
	.request-table td:nth-child(2),
	.request-table td:nth-child(3),
	.request-table td:nth-child(4),
	.request-table td:nth-child(5),
	.request-table td:nth-child(6),
	.following-table td:nth-child(1),
	.following-table td:nth-child(2),
	.following-table td:nth-child(3),
	.following-table td:nth-child(4) {
	  width: 100%;
	}

	.request-table td:nth-child(3),
	.request-table td:nth-child(4){
		display: none;
	}

	.request-table .table tr td{
		padding-left: 28%; 
	}
		
	.table td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
/*
Label the data
*/
	.table td:nth-of-type(1):before { content: "ID"; }
	.table td:nth-of-type(2):before { content: "Subject"; }
	.table td:nth-of-type(3):before { content: ""; }
	.table td:nth-of-type(4):before { content: ""; }
	.table td:nth-of-type(5):before { content: "Last Activity"; }
	.table td:nth-of-type(6):before { content: "Status"; }

	.requests-search{
		max-width: 220px;
	}

	.gide-table .date,
	.started-guide h2, .started-guide h3{
		padding-left: 20px;
	}

	.comment-body h2{
		font-size: 20px;
	}
}

@media (max-width: 480px) { 

	.request-table-toolbar #status-selection{
		margin-right: 0;
		margin-top: 10px;
	}

	.my-activities-nav li{
		padding-right: 0px;
	}

	.my-activities-nav li + li {
		padding-left: 4px;
	}

	.request-table-toolbar{
		text-align: center;
	}

	.requests-search{
		max-width: 100%;
	}

	tr {
		padding: 10px 5px;
		}

	.request-table .table tr td {
		padding-left: 35%;
	}

	.active-panel{
		text-align: center;
	}

	.user-nav{
		text-align: center;
	}

	.user-nav > a,
	.user-info{
		float: none;

	}

	.request-status{
		font-size: 12px;
	}
}

@media (max-width: 380px) { 
	.box-area {
		width: 100% !important;
	}

	.user-info button{
		margin-top:8px;
	}
}