/* media queries */

@media (max-width: 960px){

	/* footer-menu */

	.footer-menu {
		padding: 1rem 2rem;
	}
	
	.footer-menu .flex-parent {
		flex-direction: column;
	}

	.footer-menu .footer-logo img {
		height: 3.6rem;
	    margin: 0;
	}

	.footer-menu .menu-group h5 .br-span {
		display: none;
	}
	
	.footer-menu .menu-group h5 {
		margin: 1rem 0 0.4rem 0;
	}

	.footer-menu .menu-group a {
		display: inline-block;
		height: 1rem;
		margin: 0 0.6rem;
	}
	
	.footer-menu .menu-group:last-child {
		margin-top: 1rem;
	}

	.footer-menu .sm-h5, .footer-menu .social-media-link, .footer-menu .sm-icon-name {
		display: inline-block;
		vertical-align: text-bottom;
	}

	.footer-menu .social-media-link a img {
		height: 1.8rem;
	}

	.footer-menu .social-media-link a span {
		display: none;
	}

}


@media (max-width: 875px){

	/* navbar */

	.navbar {
		height: 4.6rem;
	}

	.brand img {	
	    height: 4.2rem;
	}

	.mobile-nav .menu-btn {
	    position: absolute;
	    top: 1.6rem;
	    right: 5%;
	    z-index: 2;
	    width: 2rem;
	    cursor: pointer;
	    -webkit-transition: opacity .25s ease;
	    transition: opacity .25s ease;
	    padding: 1rem;
	}

	.mobile-nav .menu-btn span {
	    background: var(--color-lightgray);
	    height: 0.2rem;
	    width: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
	    -webkit-transition: all .35s ease;
	    transition: all .35s ease;
	    cursor: pointer;
	    border-radius: 0.1rem;
	}

	.menu-btn span:nth-of-type(2) {
	    top: 0.6rem;
	}

	.menu-btn span:nth-of-type(3) {
	    top: 1.18rem;
	}

	.menu-btn.active .top {
	    -webkit-transform: translateY(0.6rem) translateX(0) rotate(45deg);
	    transform: translateY(0.6rem) translateX(0) rotate(45deg);
	}
	.menu-btn.active .middle {
	    opacity: 0;
	}
	.menu-btn.active .bottom {
	    -webkit-transform: translateY(-0.6rem) translateX(0) rotate(-45deg);
	    transform: translateY(-0.6rem) translateX(0) rotate(-45deg);
	}

	.responsive-overlay {
	    top: 0;
	    left: 0;
	    z-index: 1;
	    width: 100%;
	    height: 0%;
	    opacity: 0;
	    visibility: hidden;
	    -webkit-transition: opacity .35s, visibility .35s, height .35s;
	    transition: opacity .35s, visibility .35s, height .35s;
	    overflow: hidden;
	}

	.responsive-overlay nav {
	    position: relative;
	    top: 6rem;
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	    font-size: 1.2em;
	    text-align: right;
	    float: none;
	}

	.mobile-nav nav li {
	    display: block;
	    float: none;
	    width: 100%;
	    text-align: center;
	    padding: 1em 0;
	    background-color: var(--color-dark);
	}

	.mobile-nav nav li:not(:last-child) {
		border-bottom: solid 0.05rem var(--color-lightgray);
	} 

	.responsive-overlay ul {
	    list-style: none;
	    padding: 0;
	    margin: 0 auto;
	    display: inline-block;
	    position: relative;
	    height: 100%;
	}

	.responsive-overlay.open {
	    opacity: 1;
	    visibility: visible;
	    height: 25rem;
	}


	/* jumbotron */

	.jumbotron {
		padding: 2rem;
	}

	.slogan h1 {
		padding-top: 0;
		margin-bottom: 1.2rem;
		font-size: 1.8rem;
	}

	.slogan h4 {
		margin: 1.2rem 0;
	}

	.searchbar input[type=text] {
		font-size: 1em;
	}

	.searchbar button {
		width: 3rem;
	}


	/* header-thumb */

	.header-thumb .thumb-content:first-child,
	.header-thumb .thumb-content:nth-child(2) {
		border-bottom: solid 0.5px rgba(39, 32, 31, 0.4);
	}


	/* main-thumb */

	.main-thumb .thumb-img {
		display: none;
	}

	.main-thumb .thumb-content {
		margin: 0;
		padding: 0.4rem 2rem;
	}


	/* tab-menu */

	.tabgroup .tab {
	    font-size: 1.2rem;
	}


	/* need-lawyer */

	.need-lawyer .flex-parent {
		display: block;
	}

	.need-lawyer .flex-child {
		flex: none;
	}

	.need-lawyer .thumb-content {
		margin: 0;
		padding: 0 2rem;
	}

	.need-lawyer .thumb-content h2 {
		margin-top: 0;
	}

	.need-lawyer .thumb-form .sel-div:after {
	    left: 75%;
	}


	/* comment-box */

	.comment-box .flex-child:nth-child(3) {
		display: none;
	}

	.comment-box .see-more {
		display: block;
	}


	/* looking-clients */
	
	.looking-clients .thumb-img {
		display: none;
	}

	.looking-clients .thumb-content {
		margin: 0;
		padding: 0.4rem 4rem;
	}

	.looking-clients .thumb-content p {
		height: 1.2rem;
	}

}



@media (max-width: 500px){

	/* top-menu */

	.top-menu .top-toggle {
		display: none;
	}


	/* header-thumb */

	.header-thumb h2, .header-thumb p {
		display: inline-block;
	}

	.header-thumb .thumb-content:not(:last-child) {
		border-bottom: solid 1px rgba(39, 32, 31, 0.4);
	}


	/* tab-menu */

	.tabgroup .tab {
	    font-size: 1rem;
	    padding: 0.4rem 0;
	    letter-spacing: 0;
	}


	/* need-lawyer */

	.need-lawyer .thumb-content p {
		display: none;
	}

	.thumb-form select, .thumb-form input, .thumb-form button {
		width: 80%;
		margin: 1rem 10%;
	}

	.thumb-form label {
		margin-left: 10%;
	}

	.need-lawyer .thumb-form .sel-div:after {
	    left: 82%;
	}


	/* comment-box */

	.comment-box .flex-child:nth-child(2) {
		display: none;
	}

	.comment-group {
		margin: 1rem 2rem 2rem 2rem;
	}

	.comment-group img {
		max-width: 80%;
	}


	/* looking-clients */

	.looking-clients .thumb-content {
		padding: 0.4rem 2rem;
	}


	/* footer-menu */

	.footer-menu .menu-group {
		width: 80vw;
	}

	.footer-menu .menu-group h5 .toggle-span {
		display: inline-block;
	}

	.footer-menu .menu-group .menu-link {
		display: none;
	}


}