@media screen and (max-width: 1200px){
.mid-content{
width: 100%;
padding: 0 20px;
}
.mid-content p{
font-size:16px; 
}
.team-detail ul li{
font-size:16px; 
}
.service-list .service-image{
width: 14%;
height: auto;
}
.service-list .service-detail{
width: 80%;
}
.team-tab{
padding: 0 50px;
}
.social-icons{
display: none;
}
}
@media screen and (max-width: 1000px){ .righttextsell
{width:100%;
margin-top:0px;}
.leftimagesell{
margin-top:40px;
max-width: fit-content;
}
.sell-flex-container
{
display:block;
}
#site-logo{
width: 80%;
}
.main-navigation{
width: 40px;
}
.main-navigation > ul{
display: none;
}
.menu-toggle{
display: block;
height: 40px;
width: 40px;
background: url(https://ml3kahi5lafc.i.optimole.com/cb:oBTa.103e/w:auto/h:auto/q:mauto/f:best/https://urbans.by/wp-content/themes/urbans-parallax/images/menu.png) no-repeat center RGB(93,138,168);
text-indent: -9999px;
cursor: pointer;
}
.logo-top #site-logo{
float: left;
text-align: left;
}
.logo-top .main-navigation{
float: right;
}
.logo-top .menu-toggle{
float: right;
}
.main-navigation{
text-align: center;
}
.main-navigation > ul{
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: RGB(93,138,168);
padding: 10px 0;
text-align: center;
}
.main-navigation > ul > li{
display: inline-block;
float: none;
}
.main-navigation > ul > li > a{
color:#FFF;
padding: 10px;
}
.main-navigation > ul > li.current a, 
.main-navigation li:hover > a,
.main-navigation .current_page_item > a, 
.main-navigation .current-menu-item > a{
color: white;
}
.sub-menu > ul > li.current a, 
.sub-menu li:hover > a,
.sub-menu .current_page_item > a, 
.sub-menu .current-menu-item > a{
color: #B22222;
}
.slider-caption{
padding-left: 70px;
padding-right: 70px;
}
#main-slider{
min-height: 0;
}
.service-list{
width: 100%;
}
.leftcolorblock{
display:none;
}
.rightblock{
border-top:6px solid RGB(93,138,168);
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
margin-top:0px;
}
.rightcolorblock{
display:none;
}
.leftblock{
border-top:6px solid RGB(93,138,168);
margin:0;
text-align:left;
margin-left:auto;
margin-right:auto;
}
.centertextblock{
border-left:none;
margin-top:0;
}
.centerblock{
margin-top:0;
text-align:left;
}
.leftblock li{
text-align:left;
}
.leftblock h2{
text-align:left;
}
.mid-content{
margin:auto;width:80%;
}
.sell-flex-container{margin-top:-150px;}
.flextop{display:block;}
.flextopcolumn{margin-bottom:30px;}
.wp-chart-wrap{display:none;}
.floatphoto{display:block;}
}
@media screen and (max-width: 768px){
h1{
font-size: 24px;
}
h2{
font-size: 20px;
}
h3{
font-size: 18px;
}
h4{
font-size: 16px;
}
h5{
font-size: 14px;
}
h6{
font-size: 12px;
}
.parallax-section h1{
font-size: 34px;
}
.slider-caption .caption-title{
font-size: 30px;
}
.slider-caption .caption-description{
font-size: 20px;
}
.portfolio-list{
width: 50%;
}
.team-image img{
width: 100%;
}
.portfolio-listing a:nth-child(3n+1){
clear: none;
}
.portfolio-listing a:nth-child(2n+1){
clear: both;
}
.blog-listing .blog-list{
width: 80%;
margin: 0 auto 20px;
float: none;
display: block;
}
.blog-list .blog-image{
text-align: center;
}
.service-listing .service-list{
float: none;
}
.top-footer .top-footer-wrap{
margin-left: 0;
}
.footer-block{
width: 100% !important;
margin-left: 0 !important;
margin-bottom: 25px;
float: none;
}
.footer-block:last-child{
margin-bottom: 0;
}
.copy-right, .site-info{
float: none;
text-align: center;
}
.main-navigation > ul{
padding: 0;
z-index: 99;
}
.main-navigation > ul > li{
display: block;
border-bottom: 1px solid RGB(93,138,168);
}
.main-navigation ul ul {
background: RGB(93,138,168);
position: static;
font-size: 15px;
display: none;
float: none;
}
#primary, #secondary{
float: none;
width: 100%;
}
#main-slider .bx-wrapper .bx-controls-direction a{
display: none;
}
.next-page{
display: none;
}
.main-navigation ul ul a{
color: #FFF;
}
.main-navigation ul ul li a{
padding: 10px 0;
border: 0;
}
.main-navigation ul ul{
box-shadow: none;
}
.parallax-section{
background-attachment: scroll !important;
background-repeat: repeat !important;
}
.parallax-section.blank_template{
height: 40vh;
}
body.parallax-on #masthead{
position: fixed;
}
#content{
padding-top: 0 !important;
}
#main-slider .slick-arrow{
display: none !important;
}
.slider-caption{
padding: 0;
}
.logo-top .main-navigation ul ul li{
text-align: center;
}
textarea{max-width:300px;}
.orderform input{max-width:300px;}
}
@media screen and (max-width: 600px){
.divforleftheader{
display:block;
} #konec{
padding-left:20px;
}
}
@media screen and (max-width: 480px){
.additional h1{
top:80px;
} .parallax-section h1{
font-size: 30px;
}
.mid-content h1{
font-size: 26px;
}
svg{
display:none;
}
.rightblock{
width:auto;
padding:0;
}
.leftblock{
width:auto;
padding:0;
}
.floatphoto{
flex-flow: row wrap;
margin:auto;
}
.centerblock{
display:none;
}
.service-image{
display:none;
}
.service-detail h3
{text-align:left;
}
.service-list.odd .service-detail
{float:none;}
.service-list.even .service-detail
{float:none;}
.service-content p{
text-align:left;
float:none;
}
.team-tab{
max-width: 250px;
margin: 0 auto;
}
.team-big-image{
display: none;
}
.team-detail{
float: none;
width: auto;
}
.team-image{
height: auto;
}
.team-tab .bx-wrapper .bx-viewport{
border-radius: 0;
}
.portfolio-list{
width: 100%;
}
.blog-listing .blog-list{
width: 100%;
}
.team-content{
margin-top: 30px;
}
#site-logo,
.logo-top #site-logo{
width: 80%;
text-align:left;
}
.hentry,
#comments,
#secondary .widget{
padding: 80px 20px 20px 20px;
}
.entry-thumb{
margin: -20px -20px 30px;
}
.comment-navigation [class*='nav-'], 
.paging-navigation [class*='nav-'], 
.post-navigation [class*='nav-'], 
.posts-navigation [class*='nav-']{
width: 100%;
float: none;
}
#colophon p{
padding-top:10px;
}
#colophon .last{
display:none;
}
}
@media screen and (min-width: 1001px){
.main-navigation > ul{
display: block !important;
}
.logo-top .main-navigation > ul{
display: inline-block !important;
}
}