/*####960<####*/
@media screen and (max-width: 959px){
body {
    min-width: 768px;
}
.top-block, .pre-content, .container_12 {
    width: 768px;
	padding-left:10px;
	padding-right:10px;
}
.pre-content .container_12 {
	padding-left:0;
	padding-right:0;
    width: 748px;
}
h1 {
    font-size: 24px;
}
.logo-text {
    font-size: 16px;
    padding-top: 86px;
    width: 226px;
}
.contact-top {
    padding: 10px;
    margin-right: 0;
}
.top-menu li div {
    padding: 8px 11px;
}
.homepage-top .container_12 .grid_7 {
    width: 470px;
    margin: 0 !important;
    float: left;
}
.homepage-top .container_12 .grid_7 img{
    max-width: 100% !important;
}
.mainpage-gal .gal-image {
    padding: 0;
    text-align: center;
}
.homepage-top .container_12 .grid_5 {
    width: 278px;
    margin: 0;
}
.mainpage-links {
    margin-top: 12px;
}
.mainpage-links .clear-block .a-btn {
    width: 260px;
    padding: 2px 10px 0 10px;
}
.mainpage-links .clear-block .a-btn .btn-text {
    font-size: 14px;
}
.content-data .container_12 .grid_4 {
    width: 280px;
    float: right;
	margin:0;
}
.rightBar .module {
    background-color: #FFFFFF;
    padding: 36px 20px 10px 20px;
    box-shadow: inset 25px 0px 106px -54px rgba(0,0,0,0.5);
}
.content-data .container_12 .grid_8 {
    width: 454px;
    margin: 0;
}
.footer .container_12 .grid_5 {
    width: initial;
}
.footer .container_12 .grid_4 {
    display: none;
}
.footer .container_12 .grid_3 {
    float: right;
}
.galery_items .innerpage-top table{
    height: initial !important;
    width: 100% !important;
    max-width: 100% !important;
}
.galery_items .innerpage-top table tbody, .galery_items .innerpage-top table tr, .galery_items .innerpage-top table td{
    display: block;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.galery_items .innerpage-top table td{
	padding-bottom:5px;
}
.galery_items .innerpage-top table td a.jcepopup span.jcemediabox-zoom-span img, .galery_items .innerpage-top table td a.jcepopup span.jcemediabox-zoom-span {
    width: 100% !important;
    height: initial !important;
}
iframe {
    max-width: 100%;
}

}

/*####768<####*/
@media screen and (max-width: 767px){
body {
    min-width: 480px;
}
.top-block, .pre-content, .container_12 {
    width: 480px;
}
.pre-content .container_12 {
    width: 460px;
}
.logo-text {
    font-size: 15px;
    padding: 0 0 2px;
    width: initial;
}
img.logo {
    width: 104px;
}
.contact-top {
    padding: 5px 10px;
    width: 346px;
}
.top-right-block button.menu_open {
    display: block;
}
.top-menu {
    position: fixed;
    width: 300px;
    top: 0;
    left: -300px;
    bottom: 0;
    margin: 0;
    z-index: 9999;
    padding: 30px 10px 0;
     -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.top-menu.active{
    left: 0;
}
.top-menu li {
    font-size: 14px;
    border-right: 0;
    box-shadow: 0 0 0;
    padding-left: 0px;
    width: 100%;
    border-bottom: 1px solid #7d5d9c;
}
.homepage-top {
    padding: 0 0 20px 0;
}
.homepage-top .container_12 .grid_5 {
    margin-bottom: 20px;
}
.homepage-top .container_12 .grid_5, .homepage-top .container_12 .grid_7, .content-data .container_12 .grid_8, .content-data .container_12 .grid_4, .mainpage-links .clear-block .a-btn{
    width: 100%;
}
.footer .container_12 .grid_3 {
    width: initial;
}
.fade-form {
    left: 50% !important;
    margin: 0 0 0 -140px !important;
    width: 280px;
}
.fade-form div.input_field input, .fade-form div.input_field textarea {
    width: 100%;
}
ul.pagination {
    line-height: 1;
    list-style-type: none;
	padding:5px 0;
}
ul.pagination li {
    margin: 0;
    width: 100%;
    font-size: 12px;
    text-align: center;
    list-style-type: none;
}
ul.pagination li:first-child, ul.pagination li:last-child {
    font-size: 0 !important;
}
ul.pagination li:first-child a, ul.pagination li:last-child a, ul.pagination li:first-child span, ul.pagination li:last-child span{
    font-size: 12px;
}
.uslugi_items .innerpage-top img, .metodiki_items .innerpage-top img{
    margin: 5px 0!important;
    float: none;
    width: 100% !important;
    height: initial !important;
    max-width: 100% !important;
}
.uslugi_items .innerpage-top img#triangle4, .uslugi_items .innerpage-top img#triangle1, .uslugi_items .innerpage-top img#triangle2, .uslugi_items .innerpage-top img#triangle3{
    margin: initial !important;
    width: initial !important;
}
.cena_table table, .cena_table table tbody{
    width: 100% !important;
    height: initial !important;
    max-width: 100% !important;
}
.cena_table tr td{
    padding: 5px;
    border: 1px solid #e8e5e5;
}
hr {
    margin: 2.22em auto;
}
}

/*####480<####*/
@media screen and (max-width: 479px){
body {
    min-width: 320px;
}
.top-block, .pre-content, .container_12 {
    width: 320px;
}
.pre-content .container_12 {
    width: 300px;
}
img.logo {
    float: none;
    margin: -30px auto 0;
    display: block;
}
.logo-text {
    font-size: 14px;
    padding: 0 0 10px;
    font-weight: 300;
    width: 100%;
    margin: 0;
    text-align: center;
}
.contact-top {
    padding: 5px 10px;
    width: 100%;
}
.contact-top table {
    max-width: 100% !important;
    width: 100% !important;
}
.hotline span {
    font-size: 14px;
    letter-spacing: 0;
    margin-bottom: 6px;
}
.top-menu {
    width: 230px;
}
.homepage-top .container_12 .grid_5 {
    margin-bottom: 10px;
}
.mainpage-links {
    margin-top: 2px;
}
.homepage-top .container_12 .grid_7 img {
    max-width: 100% !important;
    max-height: 100% !important;
    height: initial !important;
}
.mainpage-gal .gal-desc {
    padding: 5px;
}
.mainpage-gal .gal-desc a{
    font-size: 12px;
}
.homepage-top {
    padding: 0 0 15px 0;
}
h1 {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
}
.content ul li, ol li {
    padding-left: 0;
    margin-left: 0;
    padding-bottom: 5px;
}
.bottom-block {
    padding: 10px 0 4px;
}
.bottom-block .container_12 .grid_5, .bottom-block .container_12 .grid_6 {
    width: 100%;
    text-align: center;
    margin: 0;
}
.bottom-block .container_12 .grid_5 table, .bottom-block .container_12 .grid_6 table{
    margin: 0 auto;
}
.footer .container_12 .grid_5, .footer .container_12 .grid_3 {
    width: 100%;
    margin: 0 0 5px;
    text-align: center;
}
.top-menu li div {
    padding: 5px 11px;
}
.spec_block {
    text-align: center;
}
.spec_foto {
    width: 100%;
    margin: 0px 0 5px 0;
}
.formTableLayout tbody, .formTableLayout tr, .formTableLayout td, .kontakty_items .innerpage-top table tbody, .kontakty_items .innerpage-top table tr, .kontakty_items .innerpage-top table td{
    display: block;
    width: 100%;
    overflow: hidden;
}
.formTableLayout tr{
    margin-bottom: 20px;
    text-align: center;
}
.componentheading {
    font-size: 20px;
    padding-top: 20px;
}
.uslugi_items .innerpage-top ul, .uslugi_items .innerpage-top ol, .metodiki_items .innerpage-top ul, .metodiki_items .innerpage-top ol {
    margin: 0 0 0 18px;
}
.uslugi_items .innerpage-top ul li, .uslugi_items .innerpage-top ol li, .metodiki_items .innerpage-top ul li, .metodiki_items .innerpage-top ol li{
    padding-bottom: 10px;
}
.uslugi_items .innerpage-top ul li p, .uslugi_items .innerpage-top ol li p, .metodiki_items .innerpage-top ul li p, .metodiki_items .innerpage-top ol li p{
    margin: 0;
}
.content ul, .content ol {
    margin-left: 18px;
}
.content img{
    margin: 5px 0!important;
    float: none;
    width: 100% !important;
    height: initial !important;
    max-width: 100% !important;
}
.spetsialisty_kliniki .content img{
    margin: 5px auto!important;
    float: none;
    width:  initial !important;
	display:block;
	overflow:hidden;
}
.kontakty_items .content img{
    width: 27px !important;
    margin-bottom: -5px !important;
}

}