@media only screen and (min-width: 768px) and (max-width: 1023px) {
#main-menu {
   width: 450px !important
   margin: 0 auto 20px !important;
}
#header{
    padding: 0 20px;
}
#site-slogan{
    width: 450px !important
   margin: 0 auto 20px !important;
}
#main-menu ul{
    text-align: center !important;
}
#block-views-node-gallery-block img {
  	width: 160px !important;
	height: auto !important;
        margin-right: 10px !important;
}
.container .five.columns {
    width: 235px;
}	
#footer .region {
    margin-right: 10px !important;
    width: 200px !important;
}
#footer .region h2{
    font-size: 18px !important;
}
#footer .region li{
    font-size: 12px !important;
}
#content-contain, .site-fix,.container{
    width: 100% !important;
}
#pattern-block li{
    margin: 0 10px 30px !important;
    width: 220px !important;
}
#pattern-block p{
    min-height: 90px;
}
#pattern-block h3{
    font-size: 18px !important;
}
#block-block-2{
    padding: 0 20px !important;
}
.contact-block{
    text-align: center;
    height: auto !important;
    padding: 25px 0 !important;
}
.contact-block span,.contact-block a{
    font-size: 22px !important;
    float: none !important;
    display: inline-block;
}
.contact-block a{
    margin: 20px auto 0 !important;
}
.view-vzorove-pripojky .views-field-field-image img,
.view-content .views-field-field-image{
    width: 150px !important;
    height: auto !important;
}
.examples-block{
    min-height: 400px !important;
    padding-bottom: 10px !important;
}
#post-content{
    padding: 15px 20px !important;
    margin: 0 !important;
}
#footer {
    padding: 20px !important;
}
.not-front #content{
    width: 100% !important;
    padding: 0 !important;
}
.not-front .view-vzorove-pripojky{
    text-align: center;
}
.scrollup {
    width: 40px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    bottom: 50px;
    margin-right: -20px;
    right: 50%;
    display: none;
    text-indent: -9999px;
    background: url('../images/icon_top.png') no-repeat;
}
.page-node-53 .field-name-body ul li{
    margin: 0 10px 20px !important;
}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
.container {
    width: 100% !important;
}	
#main-menu {
    float: none !important;
    margin: 0 auto !important;
    text-align: center;
    width: 100% !important;
    height: auto !important;
}
#header{
    padding: 0 20px;
}
#site-slogan{
   width: 100% !important;
   margin: 0 auto 20px !important;
   font-size: 18px !important;
}
#main-menu ul{
    text-align: center !important;
}
.site-fix, #content-contain {
    width: 100% !important;
}
#content_top {
  display: none;	
}
#content {
    border: none !important;
}
.field-type-image {
    border-left: 0px !important;
    float: none !important;
	padding: 0px !important; 
    margin: auto !important;
}
.container .five.columns {
    width: 29% !important;
}
.container .five.columns p {
	text-align: center !important;
}
#footer {
    padding: 20px !important;
}
#footer .region-footer{
    float: none !important;
}
.left {
    float: none !important;
    text-align: center !important;
    width: 100% !important;
}
.right {
    float: none !important;
    text-align: center !important;
    width: 100% !important;
}
#footer .region{
    margin: 0 auto 30px !important;
    width: 100% !important;
    min-height: 150px !important;
    text-align: center;
    float: none !important;
}
#footer .region select{
    width: 100%;
}
#footer .region li{
    padding: 0 !important;
}
#copyright{
    margin-top: 0px !important;
}
#copyright .credit.right{
    top: 0 !important;
}
#copyright .credit.left{
    margin-left: 0 !important;
}
.page-title {
 text-align:center !important;
 font-size: 18px !important;
}		
#block-views-node-gallery-block img {
  	width: 120px !important;
	height: auto !important;
        margin-right: 5px !important;
}
#pattern-block li{
    margin: 0 10px 30px !important;
    width: 350px !important;
}
#block-block-2{
    padding: 0 20px !important;
}
.contact-block{
    text-align: center;
    height: auto !important;
    padding: 25px 0 !important;
}
.contact-block span,.contact-block a{
    font-size: 18px !important;
    float: none !important;
    display: inline-block;
}
.contact-block a{
    margin: 20px auto 0 !important;
}
.top-object{
    display: none;
}
#promo-banner{
    text-align: center;
    height: auto !important;
    padding: 0 0 30px !important;
}
#promo-banner .content{
    width: 100% !important;
}
#promo-banner .site-fix{
    background: none !important;
    margin: 0 !important;
    height: auto !important;
}
#promo-banner h2{
    font-size: 22px !important;
    padding-top: 10px !important;
}
#promo-banner h3{
    font-size: 18px !important;
}
#promo-banner p{
    font-size: 14px !important;
}
#promo-banner a.btn-promo{
    font-size: 14px !important;
    padding: 15px 30px !important;
    display: block;
    width: 150px;
    margin: 20px auto 0;
    top: 0 !important;
}
#block-block-2{
    padding: 0 20px !important;
}
#post-content{
    padding: 15px 20px !important;
    margin: 0 !important;
}
.view-vzorove-pripojky .views-row{
    margin: 10px !important;
}
.examples-block{
    padding: 0 20px 30px !important;
}
.examples-block h2, #block-views-blog-block h2,
.view-blog .view-header{
    font-size: 20px !important;
}
.view-blog .view-content .views-field-field-image{
    float: none !important;
    text-align: center;
    margin: 0 auto 10px !important;
}
.not-front #content{
    width: 100% !important;
    padding: 0 !important;
}
.not-front .view-vzorove-pripojky{
    text-align: center;
}
.field-name-field-image{
    float: none !important;
    text-align: center;
    margin-bottom: 20px !important;
}
#footer .region-footer1 h3{
    padding-top: 20px !important;
}
#footer .region-footer1 ul{
    text-align: center;
}
.scrollup {
    width: 40px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    bottom: 50px;
    margin-right: -20px;
    right: 50%;
    display: none;
    text-indent: -9999px;
    background: url('../images/icon_top.png') no-repeat;
}
.page-node-53 .field-name-body ul li{
    margin: 0 0 20px !important;
    width: 45%;
}
}

@media only screen and (max-width: 480px) {
#main-menu {
    float: none !important;
    margin: 25px auto 20px !important;
    text-align: center;
    width: 100% !important;
    height: auto !important;
}
#logo{
    float: none !important;
    margin: 0 auto 20px !important;
    text-align: center;
}
#erb-block{
    float: none !important;
    margin: 0 auto !important;
    text-align: center;
}
#main-menu ul{
    text-align: center !important;
}
#site-slogan{
    font-size: 18px !important;
}
.site-fix, #content-contain {
    width: 100% !important;
}
#content {
    border: none !important;
}
.page-title {
    font-size: 1.4em !important;
	text-align: center;
}
h2 {
    font-size: 17px !important;
}
.field-type-image {
    border-left: 0px !important;
    float: none !important;
	padding: 0px !important; 
    margin: auto !important;
}
.container .five.columns {
    width: 97% !important;
}
.container .five.columns p {
	text-align: center !important;
}
.left {
    float: none !important;
    text-align: center !important;
    width: 100% !important;
}
.right {
    float: none !important;
    text-align: center !important;
    width: 100% !important;
}
#block-views-node-gallery-block table tr {
  text-align:center;
}
#block-views-node-gallery-block table td {
  display:inline-table;
  padding: 10px;
}
.node-webform .field-name-body table td {
  display:inline-table !important;
  width: 100% !important;	
}
form input {
  width: 90% !important;	
}
#block-views-node-gallery-block img {
    height: auto !important;
    width: 240px !important;
}
.view-node-gallery table tr td{
    margin-bottom: 20px;
}
#content{
    padding: 0 !important;
}
#bottom .site-fix{
    background: none !important;
    padding: 0 !important;
}
#main-menu li ul{
    display: none;
}
#copyright .credit.right{
    top: 0 !important;
}
#copyright .credit.left{
    margin-left: 0 !important;
}
#footer{
    padding: 20px !important;
}
#footer .region{
    margin: 0 auto 30px !important;
    width: 100% !important;
    min-height: 150px !important;
    text-align: center;
    float: none !important;
}
#footer .region select{
    width: 100%;
}
#footer .region li{
    padding: 0 !important;
}
.front #block-system-main{
    width: 100%;
}
#mobileMenu_mm1{
    width: 50%;
}
#post-content{
    padding: 15px 20px !important;
    margin: 0 !important;
}
.page-node .field-name-body img{
    width: auto !important;
    height: auto !important;
    max-width: 300px !important;
}
#pattern-block li{
    margin: 0 10px 30px !important;
}
#block-block-2{
    padding: 0 20px !important;
}
.top-object{
    display: none;
}
#promo-banner{
    text-align: center;
    height: auto !important;
    padding: 0 0 30px !important;
}
#promo-banner .content{
    width: 100% !important;
}
#promo-banner .site-fix{
    background: none !important;
    margin: 0 !important;
    height: auto !important;
}
#promo-banner h2{
    font-size: 18px !important;
    padding-top: 10px !important;
}
#promo-banner h3{
    font-size: 17px !important;
}
#promo-banner p{
    font-size: 14px !important;
}
#promo-banner a.btn-promo{
    font-size: 14px !important;
    padding: 15px 30px !important;
    display: block;
    width: 150px;
    margin: 20px auto 0;
    top: 0 !important;
}
#pattern-block{
    margin: 0 auto 5px !important;
    padding-top: 15px !important;
}
.view-blog .view-content .views-field-field-image{
    float: none !important;
    text-align: center;
    margin: 0 auto 10px !important;
}
.contact-block{
    text-align: center;
    height: auto !important;
    padding: 25px 0 !important;
}
.contact-block span,.contact-block a{
    font-size: 16px !important;
    float: none !important;
    display: inline-block;
}
.contact-block a{
    margin: 20px auto 0 !important;
}
.examples-block{
    padding: 0 20px 30px !important;
}
.examples-block h2, #block-views-blog-block h2,
.view-blog .view-header{
    font-size: 20px !important;
}
.view-blog .views-field-title{
    font-size: 16px !important;
}
.not-front #content{
    width: 100% !important;
    padding: 0 !important;
}
.not-front .view-vzorove-pripojky{
    text-align: center;
}
.field-name-field-image{
    float: none !important;
    text-align: center;
    margin-bottom: 20px !important;
}
#footer .region-footer1 h3{
    padding-top: 20px !important;
}
#footer .region-footer1 ul{
    text-align: center;
}
.scrollup {
    width: 40px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    bottom: 50px;
    margin-right: -20px;
    right: 50%;
    display: none;
    text-indent: -9999px;
    background: url('../images/icon_top.png') no-repeat;
}
.page-node-53 .field-name-body ul li{
    display: block !important;
    margin: 0 0 20px !important;
}
#slideshow{
    display: none !important;
}
html.js input.webform-calendar{
    width: auto !important;
}
}