@media ( max-width: 1199px ) {
	/* MD */
	.s_title {
		font-size: 50px;
	}

	.header-body .top .socials > li > span {
		font-size: 22px;
	}

	.btn-custom-alt {
		font-size: 22px;
	}

	.header-body .bottom .header_nav > li:not(:last-child) {
		margin-right: 10px;
	}

	.header-body .bottom .header_nav > li > a {
		font-size: 22px;
	}

	#banner_section .banner_excerpt {
		font-size: 20px;
	}

	#qlinks_section .q_box {
		flex-wrap: wrap;
		background-size: cover;
	}

	#qlinks_section .q_box .img_container {
		margin-right: auto;
		margin-left: auto;
	}

	#qlinks_section .q_box .meta {
	    flex: auto;
	    width: 100%;
	}

	#portfolio_section .title {
		font-size: 30px;
	}

	#portfolio_section .excerpt {
		font-size: 18px;
	}

	#about_section .excerpt {
		font-size: 18px;
	}

	#video_section .sub_title {
		font-size: 18px;
	}

	#blog_section .title {
		font-size: 30px;
	}

	#blog_section .excerpt {
		font-size: 18px;
	}

	#contact_section .text-2 {
		font-size: 60px;
	}
}

@media ( max-width: 991px ) {
	/* SM */
	.header-body .site_logo {
	    width: 300px;
	    max-width: 100%;
	    margin: auto;
	}

	.header-body .top {
		text-align: center;
	}

	#banner_section .img-responsive {
	    margin: auto;
	    width: 400px;
	    max-width: 100%;
	}

	#banner_section .banner_excerpt {
	    text-align: center;
	}

	#banner_section .btn-custom {
	    margin: auto;
	}

	#qlinks_section .q_box .meta {
		text-align: center;
	}

	#qlinks_section .q_box .meta a {
	    margin: auto;
	}

	#qlinks_section .q_box {
		margin-bottom: 30px;
	}

	#portfolio_section .box {
		margin-bottom: 30px;
	}

	#portfolio_section .img_container {
		padding: 25px;
	}

	#about_section .img_container {
	    width: 400px;
	    margin: auto;
	    padding: 6%;
	}

	#about_section .sub_title,
	#about_section .s_title,
	#about_section .excerpt {
		text-align: center;
	}

	#about_section .btn {
		margin: auto;
	}

	#blog_section .box {
		margin-bottom: 30px;
	}

	#blog_section .img_container {
		padding: 25px;
	}

	#footer .footer_logo {
	    width: 300px;
	    margin: auto;
	}

	#footer h4 {
		text-align: center;
	}

	#footer .info {
		text-align: center;
	}

	#footer .footer_nav {
		text-align: center;
		margin-bottom: 1em;
	}

	#footer .socials {
		margin-bottom: 1em;
	}

	#footer .copyright {
		text-align: center;
	}
}

@media ( max-width: 767px ) {
	/* XS */
	.header-body .top .socials {
	    display: block;
	    margin-bottom: 1em;
	    margin-right: 0;
	}

	.header-body .top .socials li:first-child {
	    display: none;
	}

	.s_title {
		font-size: 30px;
	}

	#qlinks_section:before, #qlinks_section:after {
		content: none;
	}

	#portfolio_section .sub_title {
		font-size: 18px;
	}

	#services_section {
		margin-bottom: 50px;
	}

	#services_section:before {
	    background: #ffffff;
	    height: 100%;
	    opacity: .5;
	}

	#services_section:after {
		content: none;
	}

	#about_section {
	    margin-bottom: 50px;
	}

	#video_section {
		margin-bottom: 0;
		padding: 50px 0;
	}

	#video_section:before, #video_section:after {
	    content: none;
	}

	#video_section .video_container {
		margin-bottom: 0;
	}

	#blog_section .sub_title {
		font-size: 18px;
	}

	#contact_section {
		padding: 50px 0;
		margin-bottom: 50px;
	}

	#contact_section:before, #contact_section:after {
	    content: none;
	}

	#footer h4 {
		font-size: 30px;
	}

	#footer .info {
		font-size: 18px;
	}
}

@media ( max-width: 414px ) {
	/* XS - portrait */
}