@media only screen and (max-width: 1240px), only screen and (max-device-width: 1240px) {

	
	.menu > li {
		font-size: 15px;
		margin: 0 10px;
	}
	.menu > li:first-child {
		margin: 0 10px 0 0;
	}
	.menu > li:last-child {
		margin: 0 0 0 10px;
	}

	footer .part-small {
		padding: 0 20px;
	}
	
	
	.articleInner {
		padding: 0 30px;
	}
	.article .articleLeft {
		width: 30%;
	}
	.article .articleRight {
		width: 70%;
	}
	
	.articleList li:nth-of-type(3n + 2) {
		margin: 0 5% 40px 5%;
	}
	
	.article-part {
    	width: 65%;
	}
	
	.modal-dialog {
		max-width: 100%;
	}
	
}


@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
	
	.articleList .articleText {
    	padding: 15px 0 0 0;
	}
	
	
	.article-panel .inner.bottom, 
	.article-panel .inner.fixed {
		position: relative;
		width: 100%;
		top: 0;
		transform: translateY(0);
	}
	.article-panel,
	.article-part {
		width: 100%;
	}
	.article-panel {
		order: 2;
	}
	.article .wysiwyg h2 {
		margin: 0 0 25px 0;
	}
	
}


@media (max-width: 767.98px) {
	.articles .item.large .part-img {
		min-height: 200px;
		max-height: 200px;
		border-top-right-radius: .25rem;
		border-bottom-left-radius: 0!important;
	}
	.articles .item.large .part-text {
		border-bottom-left-radius: .25rem;
	}
	
	.article .articleLeft,  .blueimp-gallery > .indicator {
		display: none;
	}
	
	.facebook-timeline #cff.masonryfeed .cff-item,
	.article-full .form-subpage,
	.article .articleRight,  .formSubpage,  
	.cms-form-container,  
	.article .wysiwyg iframe {
		width: 100%;
	}
	
	ul.article-list li p {
		padding: 0 15px;
	}
	ul.breadcrumb {
		padding: 15px 30px;
		text-align: left;
	}
	ul.breadcrumb li,  ul.breadcrumb li a {
		font-size: 14px;
	}
	.sidekick-panel {
		width: 100%;
		right: -100%;
	}
	
	.articleList li {
		width: 100%;
		text-align: left;
		margin:  0 0 50px 0;
	}
	.articleList li:nth-of-type(3n + 2) {
    	margin: 0 0 50px 0;
	}
	
	.articles ul li {
		width: 100%;
	}
	.articles ul li,
	.articles ul li:nth-of-type(3n + 2) {
		margin: 0 0 40px 0;
	}
	.article-list .new-main .part-text,
	.article-list .new-main .part-img {
		width: 100%;
	}
	.article-list .new-main .part-img {
		order: 1;
	}
	.article-list .new-main .part-text {
		order: 2;
		min-height: auto;
	}
	.new-box .part-img {
    	height: 280px!important;
	}
	.articles ul li a .part-text {
		padding: 20px;
	}
	
	.facebook-timeline #cff .cff-meta-wrap, 
	.facebook-timeline #cff .cff-post-text, 
	.facebook-timeline #cff .cff-author,
	.facebook-timeline #cff .cff-shared-link,
	.facebook-timeline #cff .cff-photo {
		width: 100%;
		position: relative;
	}
	.facebook-timeline #cff.masonryfeed .cff-item {
		margin: 0 0 30px 0!important;
	}
	.facebook-timeline .button {
		margin: 0;
	}
	
	.blueimp-gallery > .prev, 
	.blueimp-gallery > .next {
		top: 94%;
	}
	body:last-child .blueimp-gallery > .play-pause {
		left: 0;
		right: 0;
	    bottom: 22px;	
		margin: 0 auto;
	}
	
	
	.team .btn-filter-group.desktop {
		display: none;
	}
	.team .btn-filter-group.mobile {
		display: block;
	}
	
	.modal-body .people .cols {
		-ms-flex-wrap: wrap!important;
    	flex-wrap: wrap!important;
	}

	
	.goup {
		right: 20px;
	}
	
	.subpage-top {
		height: 250px;
	}
	
}


@media (max-width: 575.98px) {
	
	.size-h1, h1 {
    	font-size: 36px;
	}
	
	.article .wysiwyg table tr th,
	.article .wysiwyg table tr td {
    	padding: 10px 5px;
	}
	
	.new-box .part-img {
		height: 220px!important;
	}
	
	.article .wysiwyg table tr th,
	.article .wysiwyg table tr td {
		padding: 10px 5px;
	}
	
	.modal-header .close {
		top: 10px;
	}
	.modal-body .people .cols .row-text {
    	-ms-flex-wrap: wrap!important;
    	flex-wrap: wrap!important;
	}
	.modal-body .people .cols .row-text .title {
		width: 100%;
	}
	.modal-body .people .cols .part-img {
		width: 240px;
		height: 240px;
	}
	
	footer .part-small {
		padding: 20px;
	}
	footer .part-small .content {
		text-align: center;
		display: block!important;
		height: auto;
	}
	footer .part-small span {
		margin: 0 0 10px 0;
	}
	
	.new-box .part-img {
		height: 220px!important;
	}
	
	.services .col {
		border-right: 0!important;
	}
	.services .box {
		border-bottom-width: 1px!important;
		border-bottom-style: solid!important;
	}
	
}


@media (max-width: 370px) {
	.facebook-timeline #cff .cff-post-links.cff-left {
		float: none;
		margin: 15px 0!important;
		text-align: center;
	}
	.facebook-timeline #cff .cff-view-comments {
		float: none;
		display: table;
		margin: 0 auto;
	}
	.blueimp-gallery > .title {
		display: none;
	}
}




