
/* =RESPONSIVE
-------------------------------------------------------------- */

img, object, video, iframe, input, textarea, svg, figure {
	max-width: 100%;
}




@media only screen and (min-width: 2000px) {


}

@media only screen and (max-width: 1600px) {
	
	
}

@media only screen and (max-width: 1440px) {
	.toptitle {
		font-size:46px;
	}
	
	 }
	 
@media only screen and (max-width: 1360px) {
	
	
	
	 }


@media only screen and (max-width: 1280px) {
	
}


@media only screen and (max-width: 1024px) {
	
  .member-list-item .m-1 {
		width:20%;
	}
	.member-list-item .m-2,
	.member-list-item .m-3 {
		width:40%;
	}

	.member-list-item .m-4 {
		width:100%;
		padding-top:20px;
	}

	.title {
    font-size: 30px;
    }
	
	
}

@media only screen and (max-width: 820px) {
	.mainrow {
		flex-direction: column-reverse;
	}
	
	.tesimonial {
		display: block;
        margin-bottom: 20px;
	}
	
	.testi-img,
	.testi-text {
		width:100%;
	}
	
	.testi-img {
		margin-bottom:15px;
	}
	
	#topimage .textholder {
		position: relative;
		padding:10px;
		background:#002F66;
		
	}
	
	.toptitle {
		font-size:32px;
		padding:0;
		border-radius: 0;
	}
    #buttons-section ul li {
    width: 100%;
    }
	
	.tesimonial .flex {
		display: block;
	}
	
	.tesimonial .details {
    width: 100%;
	}
	
	
	
}

@media only screen and (max-width: 736px) {
	
	
	
}

@media only screen and (max-width: 420px) {
	
	.site-title {
		font-size:20px;
	}
	
	.site-subtitle {
		display: none;
	}
	
	.single-img.alignleft,
    .single-img.alignright {
		padding: 0px;
		padding-bottom: 30px;
		max-width:100%;
        float: none;
        text-align: center;
	}
	
	.single-img img {
		width:100%;
	}
	
	.entry h1 {
		font-size:30px;
	}
	.copyrights {
		text-align: center;
		margin-bottom:10px;
	}
	.credits {
		text-align: center;
	}
	
	#breadcrumbs {
		display: none;
	}
    .member-list-item .m-1,
	.member-list-item .m-2,
	.member-list-item .m-3 {
		width:100%;
		margin-bottom:20px;
	}

	.member-list-item .m-2 {
		text-align: center;
	}

	.member-name {
		font-size:30px;
		text-align: center;
	}
	.member-heading .a-title {
		font-size:22px;
		text-align: center;
	}

    #people .cat-title {
        text-align: center;
    }

    .memb-loop-img img {
        width: 100%;
    }

    .top-text-box {
        text-align: center;

    }
    .testi-pos {
        display: block;
        margin-top:5px;
    }
	
	.tesimonial {
		padding: 30px;
	}
	
	
	
}


@media only screen and (max-width: 325px) { 
	
}



