.pagination a, .pagination span {
    padding: 10px 10px;
}

.content.container p img , .content.container table{
    width: 100%;
    height: auto;
}
.news_archive {
				margin: 0;
				padding: 0;
				list-style: none;
			}
	ul.news_archive li {
    padding: 35px 0 0px 0px;
	}
ul.partners {
			margin: 0;
			padding: 0;
			list-style: none;
		}
ul.partners img {
		width: auto;
    	max-width: 100%;
		}
.container-fluid.d-sm-none h3, .container-fluid.d-sm-none h4 {
    padding-top: 25px;
}
.container {
    padding: 15px;
}
.nav-link {
    padding: .5rem 0rem!important;
}
/* Экстрамалые девайсы («телефоны», < 576px)
 Нет @media, т.к. это по умолчанию в Bootstrap
*/
/*Большие девайсы (десктопы, >= 992px)*/ 
@media (min-width: 992) { ... }

/*Средние девайсы («таблетки», >= 768px)*/ 
@media (min-width: 768px) { ... }

/* Малые девайсы («ландшафтные телефоны», >= 576px)*/
/*под класс d-sm */
@media (min-width: 576px) { 
		body, html {
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
			font-family: Trebuchet MS,Verdana!important;
			font-size: 11px!important;
			color: #666666!important;
		}
			body, html {
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
			font-family: Trebuchet MS,Verdana;
			font-size: 11px;
			color: #666666;
		}
		a img {
			border: 0 none;
		}
		hr {display: none;}
		h1 {
			margin: 0 0 14px 0;
			padding: 0;
			font-size: 25px;
			font-weight: bold;
			line-height: 21px;
			color: #467485;
		}
		.justifyleft {
			float: left;
			margin: 0 20px 5px 0;
		}
		.justifyright {
			float: right;
			margin: 0 0 5px 20px;
		}

		.header {
			width: 844px; /* в сумме с padding-left - 994px */
			padding-left: 150px;
			height: 74px;
			background: url(img/header.gif);
			margin: 0 auto;
			box-sizing: unset;
		}
			.news-item {
				width: 267px;
				float: left;
				line-height: 12px;
				margin-top: 12px;
			}
			.news-item h2 {
				font-size: 12px;
				color: #467485;
				margin: 0;
			}
			.news-item a {
				color: #0099D3;
			}

		.main {
			width: 994px;
			margin: 0 auto;
			position: relative;
			box-sizing: unset;
		}

		.index .left-col {
			width: 595px;
			float: left;
		}
			.r01 {
				height: 195px;
				background: url(img/body-left-01.jpg) no-repeat;
			}
			.r02 {
				height: 119px;
				background: url(img/body-left-02.jpg) no-repeat;
			}
			.r03 {
				height: 190px;
				background: url(img/body-left-03.jpg) no-repeat;
			}
			.r04 {
				height: 266px;
				background: url(img/body-left-04.jpg) no-repeat;
			}
			.r05 {
				height: 240px;
				background: url(img/body-left-05.jpg) no-repeat;
			}
				.link01 {
					position: absolute;
					top: 709px;
					left: 286px;
					width: 114px;
					height: 14px;
					background: url(img/link-01.gif) no-repeat;
				}
				.link02 {
					position: absolute;
					top: 745px;
					left: 278px;
					width: 131px;
					height: 14px;
					background: url(img/link-02.gif) no-repeat;
				}
				.link03 {
					position: absolute;
					top: 783px;
					left: 263px;
					width: 168px;
					height: 20px;
					background: url(img/link-03.gif) no-repeat;
				}
				.index .left-col a {
					display: block;
					height: 100%;
				}

		.index .right-col {
			width: 399px;
			margin-left: 595px;
		}
			.l01 {
				height: 195px;
				background: url(img/body-right-01.jpg) no-repeat;
			}
			.l02 {
				height: 119px;
				background: url(img/body-right-02.jpg) no-repeat;
			}
			.l03 {
				height: 338px;
				/* background: url(img/new-body-right-04.gif) no-repeat; */
			}
			.l04 {
				height: 266px;
				background: url(img/body-right-04.jpg) no-repeat;
				padding-left: 34px;
			}
			.l05 {
				height: 195px;
				background: url(img/body-right-05.jpg) no-repeat;
				padding-left: 34px;
			}
			.l06 {
				background: url(img/body-right-05.jpg) no-repeat;
				padding: 0 0 10px 34px;
				margin-top: -9px;
			}

		.product {
			display: block;
			position: absolute;
			text-transform: uppercase;
			line-height: 12px;
			font-size: 10px;
			left: 53px;
			color: #546880;
		}
			.product a {
				color: #546880;
				text-decoration: none;
				display: block;
			}
			.index .p01 {
				top: 23px;
			}
			.index .p02 {
				top: 85px;
			}
			.index .p03 {
				top: 169px;
			}
			.index .p04 {
				top: 372px;
			}
			.index .p05 {
				top: 459px;
			}
			.index .p06 {
				top: 515px;
			}
			.index .p07 {
				top: 586px;
			}
			.index .p08 {
				top: 135px;
			}

		ul.menu, ul.menu li {
			margin: 0;
			padding: 0;
			list-style: none;
		}
			/* mainpage */
			.index ul.menu li {
				position: relative;
				display: block;
				width: 249px;
				margin-left: 15px;
				line-height: 34px;
				margin-bottom: 8px;
				border: 3px solid #f5f6fa;
			}
			.index ul.menu a {
				display: block;
				height: 100%;
				padding-left: 18px;
				color: #ffffff;
				background: #00adef;
				font-size: 25px;
				font-weight: bold;
				text-decoration: none;
			}
			.index ul.menu a:hover {
				color: #f5f6fa;
			}
			.index ul.menu li:last-child:after {
				content: '';
				display: block;
				position: absolute;
				right: -3px;
				bottom: -3px;
				width: 16px;
				height: 16px;
				background: url(img/li-lastchild.png) right bottom no-repeat;
			}

		.index .slogan {
			padding-top: 30px;
			width: 245px;
			height: 125px;
			font-size: 15px;
			font-weight: bold;
			line-height: 15px;
			word-spacing: -0.1em;
			color: #718093;
		}
		.address {
			font-weight: bold;
			font-size: 13px;
			line-height: 13px;
			word-spacing: -2px;
		}
		.email {
			padding: 5px 0;
		}
			.email a {
				font-size: 23px;
				font-weight: bold;
				font-family: Arial;
				color: #00adef;
				text-decoration: none;
			}
		.phone {
			font-size: 17px;
			font-weight: bold;
			color: #00adef;
			word-spacing: -7px;
		}
		.develop {
			display: block;
			font-size: 13px;
			font-weight: bold;
			line-height: 13px;
			word-spacing: -2px;
			padding-left: 65px;
			background: url(//meta-art.ru/assets/images/logos/paradigma.png) left center no-repeat;
			text-decoration: none;
			color: inherit;
		}
		.develop:hover {
			color: #999999;
		}
		.develop.small {
			margin: 43px 0 0 100px;
			padding-left: 50px;
			background-image: url(//meta-art.ru/assets/images/logos/paradigma-s.png);
			font-size: 9px;
		}

		.copy {
			display: block;
			font-size: 9px;
			font-weight: bold;
		}
			.copy a {
				color: #2cdafd;
				text-decoration: none;
			}

		.bg-white {
			background: #ffffff;
		}
		.gray {
			color: #666666;
		}

		/* inside */
		.inside .header {
			height: 288px;
			width: 994px;
			padding-left: 0;
			background: url(img/inside-header.jpg) no-repeat;
		}
			.inside .header a {
				display: block;
				width: 100%;
				height: 100%;
				text-decoration: none;
			}
		.inside .main {
			background: url(img/bg-inside-left.gif) repeat-y 39px 0;
			width: 900px;
			padding-left: 94px;
		}
		.inside ul.menu {
			/*height: 48px;*/
			overflow: hidden;
			background: url(img/bg-inside-right-01.gif) right top no-repeat;
		}
			.inside ul.menu li {
				float: left;
				height: 32px;
				padding-top: 2px;
				background: url(img/bg-inside-menu.gif) repeat-x;
				margin-right: 6px;
			}
				.inside ul.menu li a {
					color: #ffffff;
					font-size: 23px;
					font-weight: bold;
					text-decoration: none;
					display: block;
					width: 100%;
					height: 100%;
					text-align: center;
				}
			.inside ul.menu li.m01 {
				width: 162px;
			}
			.inside ul.menu li.m02 {
				width: 120px;
			}
			.inside ul.menu li.m03 {
				width: 201px;
			}
			.inside ul.menu li.m04 {
				width: 130px;
			}
			.inside ul.menu li.m05 {
				width: 80px;
			}

		.inside .wrapper {
			overflow: hidden;
			background: url(img/bg-inside-right-04.gif) right top repeat-y;
		}
		.inside .right-col {
			width: 202px;
			padding-top: 27px;
			margin-left: 20px;
			float: right;
			background: url(img/bg-inside-right-02.gif) repeat-y;
		}
		.inside ul.products {
			margin: 0;
			padding: 0;
			list-style: none;
			padding-bottom: 36px;
			background: url(img/bg-inside-right-03.gif) right bottom no-repeat;
		}
			.inside ul.products li {
				padding: 75px 0 15px 43px;
				margin: 0px;
				display: block;
				text-transform: uppercase;
				line-height: 12px;
				font-size: 10px;
				color: #546880;
			}
				.inside ul.products li a {
					color: #546880;
					text-decoration: none;
					display: block;
					margin: -75px 0 0 -43px;
					padding: 75px 0 0 43px;
				}
			.inside .p01 {
				background: url(img/product-01.gif) no-repeat;
			}
			.inside .p02 {
				background: url(img/product-02.gif) no-repeat;
			}
			.inside .p03 {
				background: url(img/product-03.gif) no-repeat;
			}
			.inside .p04 {
				background: url(img/product-04.gif) no-repeat;
			}
			.inside .p05 {
				background: url(img/product-05.gif) no-repeat;
			}
			.inside .p06 {
				background: url(img/product-06.gif) no-repeat;
			}
		.content.container p img ,.content.container p ,.content.container ol, .content.container ul ,.inside .content img{
			max-width: 640px;
			height: auto;
		}
		.inside .content {
			padding-top: 27px;
			padding-left: 35px;
			margin-left: 0px;
			font-size: 13px;
			line-height: 14px;
			/*width:640px;*/
		}
			.inside .content a{
				color:#0099D3;
				font-weight:normal;
				text-decoration:underline;
			}
			
			.news_archive {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			.news_archive li {
				margin: 0 0 0 -33px;
				padding: 0 0 23px 33px;
				background: url(img/marker.gif) 5px 5px no-repeat;
			}
			.news_archive p {		
				margin: 0 0 10px 0;		
			}
			.news_archive a {
				font-size: 13px;
				line-height: 20px;
				color: #0099D3;
				font-weight: normal;		
			}
			.news_archive h2 a {
				font-size: 16px;
			}


		.inside .footer {
			width: 994px;
			margin: 0 auto;
		}
			.inside .footer div {
				height: 63px;
				float: left;
			}
			.inside .f01 {
				width: 211px;
				background: url(img/bg-inside-footer-01.gif) no-repeat right top;
			}
			.inside .f02 {
				width: 468px;
				background: url(img/bg-inside-footer-02.jpg) no-repeat;
			}
			.inside .f03 {
				width: 246px;
				background: url(img/bg-inside-footer-03.gif) no-repeat;
			}
			.inside .fmain {
				width: 994px;
				height: 600px !important;
				background: url(img/bg-inside-footer-main_n.jpg) 39px 0 no-repeat;
			}

		.inside .copy {
			margin: 42px 0 0 100px;
		}
		.inside .top {
			display: block;
			margin: 42px 0 0 0;
			padding-left: 39px;
			color: #666666;
			font-size: 9px;
			font-weight: bold;
			text-decoration: none;
		}
		.inside .slogan {
			margin-left: 451px;
			padding-top: 237px;
			width: 350px;
			line-height: 13px;
			color: #5d7691;
			font-style: italic;
		}
		.inside a.email {
			display: block;
			width: 100%;
			height: 100%;
			padding: 0;
		}

		ul.partners {
			margin: 0;
			padding: 0;
			list-style: none;
		}
			ul.partners li {
				margin: 0 0 0 -33px;
				padding: 0 0 0 33px;
				background: url(img/marker.gif) 5px 5px no-repeat;
			}
			ul.partners a {
				font-size: 18px;
				line-height: 16px;
				color: #0099D3;
				font-weight: normal;
			}
			ul.partners img {
				width:auto;
			}

		.ditto_page,
		.ditto_currentpage {
			padding: 0 5px;
		}

		.blog-yasharetitle {
			float: left;
			line-height: 28px;
		}
		.blog-taglist {
			margin: 14px 0 0;
		}
		/* catalog */
		h2.marker {
			margin: 16px 0 16px -33px;
			padding-left: 33px;
			background: url("img/marker.gif") no-repeat scroll 5px 5px transparent;
			color: #0099D3;
			line-height: 20px;
			font-size: 16px;
			font-weight: normal;
			text-decoration: underline;
		}
		.catalog {

		}
		.catalog-block {
			display: inline-block;
			vertical-align: top;
			width: 190px;
			min-height: 210px;
			margin-bottom: 30px;
			padding: 10px;
		}
			.catalog-block:hover {
				-webkit-box-shadow: 0 0 10px #50c6c4;
				box-shadow: 0 0 10px #50c6c4;
			}
			.catalog h3 {
				color: #467485;
				font-size: 14px;
				font-weight: bold;
				text-decoration: none;
			}
			.catalog-image {
				display: block;
				margin: 14px auto;
			}
			.catalog-items {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			.catalog .catalog-items a {
				text-decoration: underline;
			}
			.catalog .catalog-items a:hover {
				text-decoration: underline;
			}
			ul.catalog-items li {
			padding-bottom: 5px;
			}
			.img-content {
			float: left;
			margin-bottom: 14px;
			margin-right: 14px;
			max-height: 500px;
			max-width: 300px;
			}
		/* таблица в контенте */
		.content_table_zer {
			border: solid #ccc 1px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
			-webkit-box-shadow: 0 1px 1px #ccc; 
			-moz-box-shadow: 0 1px 1px #ccc; 
			box-shadow: 0 1px 1px #ccc;         
		}

		.content_table_zer tr:hover {
			background: #fbf8e9;
			-o-transition: all 0.1s ease-in-out;
			-webkit-transition: all 0.1s ease-in-out;
			-moz-transition: all 0.1s ease-in-out;
			-ms-transition: all 0.1s ease-in-out;
			transition: all 0.1s ease-in-out;     
		}    

		.content_table_zer td, .content_table_zer th {
			border-left: 1px solid #ccc;
			border-top: 1px solid #ccc;
			padding: 10px;
			text-align: left;    
		}

		.content_table_zer th {
			background-color: #dce9f9;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
			background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
			background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
			background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
			background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
			background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
			-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
			-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
			box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
			border-top: none;
			text-shadow: 0 1px 0 rgba(255,255,255,.5); 
		}

		.content_table_zer td:first-child, .content_table_zer th:first-child {
			border-left: none;
		}

		.content_table_zer th:first-child {
			-moz-border-radius: 6px 0 0 0;
			-webkit-border-radius: 6px 0 0 0;
			border-radius: 6px 0 0 0;
		}

		.content_table_zer th:last-child {
			-moz-border-radius: 0 6px 0 0;
			-webkit-border-radius: 0 6px 0 0;
			border-radius: 0 6px 0 0;
		}

		.content_table_zer th:only-child{
			-moz-border-radius: 6px 6px 0 0;
			-webkit-border-radius: 6px 6px 0 0;
			border-radius: 6px 6px 0 0;
		}

		.content_table_zer tr:last-child td:first-child {
			-moz-border-radius: 0 0 0 6px;
			-webkit-border-radius: 0 0 0 6px;
			border-radius: 0 0 0 6px;
		}

		.content_table_zer tr:last-child td:last-child {
			-moz-border-radius: 0 0 6px 0;
			-webkit-border-radius: 0 0 6px 0;
			border-radius: 0 0 6px 0;
		}
		/*custom style*/
		.btn{
			border:none!important;
		}
	}

/*Экстрабольшие девайсы (большие десктопы, >= 1200px)*/ 
@media (min-width: 1200px) { 

}