/* ---------------------------------------
	Responsive design code
-----------------------------------------*/

@media screen and (max-width: 100%) {

img {
	max-width: 100% !important;
  height: auto !important;
}

#wrapper {
	width: 950px !important;
}




}

@media screen and (max-width: 980px) {

#wrapper, 
.wrapper,
#header .menu ul,
#footer{
	width: 100% !important;
}

.blog_news_r .blog_news_title {  
margin-right: 0px; 
}


#header{
width: 100% !important;
}

#header .menu ul li a { 
width: 95px;
}




 .slogan_line { 
width: auto;
}


.item_portfolio { 
width: 266px;
}





}

@media screen and (max-width: 758px) {

#wrapper, 
.wrapper,
#header .menu ul,
#footer {
	width: 100% !important;
}

.hidemobile2 {
	display: none !important;
}

.item_portfolio { 
width: 300px;
}

#header .menu ul li a { 
width: 88px;
}


#container { 
float: none;
width: auto;
}


#content { 
padding: 0px;
}

#content_main { 
padding: 0px;
}


#sideRight .blog_news_l,
#sideRight .blog_news_r{ 
width: 43% !important;
}

#sideRight { 
float: none;   
width: 100% !important;
margin: 0px;
}
 
 
#footer{ 
width: 100% !important;
}

#footer .blok_f { 
float: none;
}


.blok_f2, .blok_f3{ 
width: 100%;
}


.blok_f3  .logo_footer{ 
 display: none !important;
}



#footer .footer_content { 
margin: 48px 10px 0 10px ;
}

.blok_f2 .telefon_f,
.blok_f2 .emailer,
.blok_f2 .icq{
width: 50%;
float: left;
}




#footer .blok_f .label { 
float: none;
} 
 



}






@media screen and (max-width: 540px) {

.wrapper, .wrapper {
	width: 100% !important;
}

 .slogan_line { 
width: auto;
}




#header_bg, 
#header_bg_main,
#top_menu_bg,
#top_menu_bg_main{ 
background: none;
}



#header,
#header.header_main { 
width: 100% !important;
height: auto;
margin: 0px;
}

#header .menu { 
margin-top: 20px;
height: auto;
}


#header .menu ul{
width: auto;
margin: 0px auto 20px;
}


#header .menu ul li{ 
 float: none;
  background: #47A3C2;
  height: 53px;
}


#header .menu ul li:hover{ 
  background: #08485B;
}


#header .menu ul li a{ 
width: auto; 
padding: 0px 7px;
font-size: 18px;
}

#header .menu ul li a span.two{ 
width: auto;
}


#header .menu ul .lavalamp-object{
display: none;
}


#header_bg_main, 
#header_bg_wraper_main, 
#header_bg_line_main, 
#top_menu_bg_main { 
display: none;
}





.zsr { 
height: 119px;
 display: none;
}

.sliderik { 
width: 100% !important;

}


.zsr_booton, 
.our_telefoni,
.blok_f1{
 display: none !important;
}


#container { 
float: none;
width: auto;
}


#content { 
padding: 0px;
}

#content_main { 
padding: 0px;
}


 
.title_news {  
font-size: 18px;
line-height: 26px;
padding: 0px 10px;
} 



 
.text_news {    
padding: 0px 10px; 
} 
 
 
 
#sideRight { 

float: none;   
width: 100% !important;
margin: 0px;
}
 
 .last_w_content{
 margin: 0px 10px;
 }
 
 
 
 .last_work_side{
 width: 100% !important; 
 padding: 21px 0px 13px;
 }
 
.last_work_title {      
margin: 0px 0px 30px 0px;
width: 90% !important;
padding: 16px 0px 16px 10px;
}
 
.last_work_side{
word-wrap: break-word; 
}


.last_work_side .img_l{
 width: 37% !important;
}
 
 
 
 .last_work_side .img_l img{
 width: 100% !important;
}
 
.side_otzivi { 
margin: 0px 10px 25px;
} 
 
 
 .side_our_clients { 
margin-bottom: 0px;
}
 
 
.blog_news_date {     
margin: 0px 12px 0px 10px;   
} 
 
 
#sideRight .blog_news_r, 
#sideRight .blog_news_l { 
width: 100% !important;   
padding: 0px; 
} 
 
.blog_news_r { 
border-left: none; 
padding: 0px 0px 0px 0px;
} 
 
 
.blog_news_r .blog_news_title,
.blog_news_l .blog_news_title { 
float: left;   
margin-right: 0px;
margin-left: 0px;
}
 
 




#calc_container .c_what_site_input,
#calc_container .c_type_cms_input, 
#calc_container .c_type_design_input, 
#calc_container .c_soprovozhdenie_input, 
#calc_container .c_reg_domen_input, 
#calc_container .c_napolnenie_input, 
#calc_container .c_seo_input, 
#calc_container .c_site_module_input, 
#calc_container .c_type_host_input{ 
width: 100%;
}

#calc_container .c_title, 
#calc_container .c_what_site_input, 
#calc_container .c_type_cms_input, 
#calc_container .c_type_host_input, 
#calc_container .c_reg_domen_input, 
#calc_container .c_soprovozhdenie_input, 
#calc_container .c_napolnenie_input, 
#calc_container .c_seo_input, 
#calc_container .c_site_module_input, 
#calc_container .c_type_design_input { 
float: none;
overflow: hidden;
padding: 10px 0px 0px 0px;
width: 100%;
margin: 0 10px;
}

#calc_container .what_site_result, 
#calc_container .type_cms_result, 
#calc_container .type_design_result, 
#calc_container .site_module_result, 
#calc_container .host_result, 
#calc_container .reg_domen_result, 
#calc_container .result_soprovozhdenie, 
#calc_container .result_napolnenie, 
#calc_container .result_seo, 
#calc_container .itog_result { 
float: none;
}

.base{
margin: 0 10px;
}

#adviceform textarea{
width: 93%;
}


}


@media screen and (max-width: 540px) and (orientation:landscape) {
#footer .blok_f .emailer .label,
#footer .blok_f .icq .label{
float: left;
}

}