@media screen and (max-width : 1530px) {
	#hot-points .box {width: 30%; margin: 0 1.25%;}
}

@media screen and (max-width : 1230px) {
	.wrapper {width: 100%; padding: 0 15px;}
	.half-content-wrapper {width: 100%; padding: 0 15px;}
	
	#hot-points a {padding: 0 25px;}
	
	#single-post .post-featured-image {height: 500px;}
}

@media screen and (max-width : 1070px) {
	#main-menu .level-0 > a {padding: 0 30px;}
	
	.in-middle.large {width: 100%;}
	
	.bx-wrapper .bx-controls-direction a {background: #fff;}
	.bx-wrapper .bx-prev {left: 0;}
	.bx-wrapper .bx-next {right: 0;}
}

@media screen and (max-width : 999px) {
	.flex-row {display: block !important;}
	.half-content {width: 100%;}
	.padding-content-r {padding-right: 0;}
	.padding-content-l {padding-left: 0;}
	.padding-content, .padding-content-medium, .padding-content-large {padding-top: 50px; padding-bottom: 50px;}
	
	.content-image-bg {height: 300px;}
	
	.team .person {width: 49%;}
	
	#search-form {width: 100%; margin: 0 0 20px 0;}
	#search-form [type="text"] {position: relative; right: auto; top: auto; width:260px; background-position: 6px center; border-color: #3397DB; text-indent: 0;}
	
	.post-content {width: 100%;}
	.post-sidebar {width: calc(100% + 30px); float: left; position: relative; margin: 0 0 0 -15px;}
}

@media screen and (max-width : 900px) {
	#main-menu .level-0 > a {padding: 0 20px;}
	
	#hot-points .box {width: 100%; height: auto; margin: 0;}
	#hot-points a {line-height: 100%; padding: 100px 15px;}
}

@media screen and (max-width : 780px) {
	.in-middle {width: 100%;}
}

@media screen and (max-width : 765px) {
	#main-menu-toggle {display:block;}
	#main-menu > ul {position:fixed; left:0; top:74px; display:none; width:100%; height:calc(100% - 74px); background:#fff; overflow:auto; -webkit-overflow-scrolling: touch; text-align:center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.fixed #main-menu > ul {top:50px; height:calc(100% - 50px);}
	#main-menu .level-0, #main-menu .level-0 > a {width: 100%;}
	#main-menu .level-0 > a {line-height: 100% !important; padding: 20px;}
	#main-menu .sub-menu {position: relative; left: auto; top: auto; width: 100%; padding: 0; -webkit-transform: none; transform: none; opacity: 1; pointer-events: auto;}
	#main-menu .sub-menu a {padding: 20px;}
	
	#footer .copyright {width: 100%; text-align: center;}
	#footer-menu {width: 100%; text-align: center; margin: 20px 0 0 0;}
	#footer-menu li {margin: 10px 5px 0 5px !important;}
	
	.post-featured-image, #single-post .post-featured-image {height: 300px;}
	#blog-featured-post .in-middle {padding: 25px;}
	
	.blog-posts .post {width: 100%; margin-right: 0;}
	
	.video-over-slideshow {bottom: -40px; right: 20px;}
	.video-over-slideshow .icon {width: 80px; height: 80px;}
	
	.button-group li {width: 100%; margin: 0;}
	
	.slideshow-pager {position: relative; left: auto; top: auto; width: auto; height: auto; line-height: 100%; margin: 0 0 20px 0;}
}

@media screen and (max-width : 620px) {
	.in-middle.small {width: 100%;}
}

@media screen and (max-width : 600px) {
	.title-big {font-size: 2.75em;}
	.title-light {font-size: 2em;}
	.title-40 {font-size: 2.125em;}
	
	.entry-content h1 {font-size:2em; line-height: 120%;}
	.entry-content h2 {font-size:1.875em; line-height: 120%;}
	.entry-content h3 {font-size:1.75em; line-height: 120%;}
	.entry-content h4 {font-size:1.5em; line-height: 120%;}
	.entry-content h5 {font-size:1.375em; line-height: 120%;}
	.entry-content h6 {font-size:1.125em; line-height: 120%;}

	.title-light br, h1 br, h2 br, h3 br, h4 br {display: none;}
	
	.icon-boxes .box {width: 100%; margin: 0 0 50px 0;}
	.icon-boxes .box:last-child {margin: 0;}
}

@media screen and (max-width : 560px) {
	.client-logos .logo {width: 50% !important;}
	.icon-boxes.double .box {width: 100%; text-align: center; padding: 0;}
	
	.team .person {width: 100%;}
}

@media screen and (max-width : 400px) {
	.icon-boxes.rows .icon {width: 100%;}
	.icon-boxes.rows .icon + .align {line-height: 100%; margin: 20px 0 0 0; float: left; width: 100%;}
	
	.wpcf7, .mauticform_wrapper {width: 100%;}
	
	.button-group [class*="button"] {min-width: 10px; width: 100%;}
}