/* Responsive Diabolik */
/* Responsive Hacks */
img {
    max-width: 100%;
    /* just in case, to force correct aspet ratio */
    height: auto !important;
    width: auto\9; /* ie8 */
}
a img { border: 0px; }
video {
  max-width: 100%;
  /* just in case, to force correct aspet ratio */
  height: auto !important;
}
.video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-container .mejs-video, .video-container .mejs-layer, .video-container video{position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}


#header #main-menu select{ display:none;}

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

.shadow_type_1 .shadow_200,
.shadow_type_2 .shadow_200,
.shadow_type_3 .shadow_200,

.shadow_type_1 .shadow_280,
.shadow_type_2 .shadow_280,
.shadow_type_3 .shadow_280,

.shadow_type_1 .shadow_600,
.shadow_type_2 .shadow_600,
.shadow_type_3 .shadow_600,

.shadow_type_1 .shadow_920,
.shadow_type_2 .shadow_920,
.shadow_type_3 .shadow_920{padding:0 0 0 0; margin-bottom:20px;
    /* CSS3 SHADOW */
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
         -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}

}


@media only screen and (min-width: 768px) and (max-width: 959px) {
/* Start */
h2.nice_title {
font-size: 50px;
margin-bottom: 40px;
line-height: 45px;
}
h2.nice_title span {
font-size: 18px;
bottom: -30px;
line-height: 24px;
}

.wrap {
width: 100%;
max-width: 728px;
}
#header .content {
width: 100%;
}
#header #top_logo {
display: inline-block;
width: 100%;
margin: 0 auto;
text-align: center;
}
#header #top_logo img{
    display: inline-block;
    margin:0; padding:0;
}
#header #main-menu {
display: block;
float: none;
width: 100%;
text-align: center;
}
.menu {
padding: 0;
text-transform: uppercase;
}
#header #main-menu select{ display:none;}
#main .content {
width: 100%;
}
.blog_classic .head {
width: 180px;
}
.blog_modern .head {
top: 80px;
}
.blog_modern .thumb {
width: 100%;
}
.blog_grid {
width: 48%;
margin: 0 20px 0 0;
}
.blog_grid .thumb {
width: 100%;
}
.blog_grid.last {
width: 47%;
}
.blog_grid .head {
width: 100%;
}
.grid3cols .blog_grid {
width: 31%;
margin: 0 26px 0 0;
}
.grid3cols .blog_grid.last {
width: 31% !important;
margin: 0 0 0 0;
}

.left_part {
width: 428px;
margin: 0 0px 0 0;
}
#contact-form {
width: 100%;
margin: 0 auto;
}
#contact-form .field_small {
width: 400px;
}
#contact-form .field_big textarea , #contact-form .field_small input, #contact-form .field_big input {
width: 380px;
}
#contact-form .field_big {
width: 100%;
}
#footer .column {
display: block;
float: left;
width: 205px;
margin: 0 0 0 20px;
}
#footer .content {
padding: 20px 0 0 0;
width: 100%;
}
#footer .column {
width: 157px;
}
#footer .bottom_logo {
width: 360px;
}

.one_one{
    width:690px;
}
.one_three{
    width:216px;
}
.two_three{
    width:454px;
}
.two_two{
    width:335px;
}
.one_four{
    width:155px;
}
.three_four{
    width:505px;
}
.one_five{
    width:120px;
}
.two_five{
    width:260px;
}
.three_five{
    width:400px;
}
.four_five{
    width:540px;
}

.the_content .one_one,.the_content .one_three,.the_content .two_three,.the_content .two_two, .the_content .one_four,.the_content .three_four,.the_content .one_five,.the_content .two_five,.the_content .three_five,.the_content .four_five{
    width:100% !important;
    margin-left:0;
}
.grid_item {
width: 181px;
height: 181px;
}
.preview_work_600 {
width: 490px;
}
.blog_modern .thumb {
width: 100%;
margin-right:0 !important;
}
.related_post {
width: 122px;
}

#author-bio {
width: 298px;
}

/* End */
}

@media only screen and (max-width: 767px) {
/* Start */

.wrap {
width: 100%;
max-width: 440px;
}
#header .content {
width: 100%;
}
#header #top_logo {
display: inline-block;
width: 100%;
margin: 0 auto;
text-align: center;
}
#header #top_logo img{
    display: inline-block;
    margin:0; padding:0;
}
#header #main-menu {
display: block;
float: none;
width: 100%;
text-align: center;
}
.menu {
    display:none;
}
#header #main-menu select{
    display: block;
    width:280px;
    margin:0 auto 0px auto;
    border: 1px solid #CCC;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px "HelveticaNeue", "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #777;
    height: 30px;
    padding: 6px;
    background: white;
}

#main .content {
width: 100%;
}

.one_one,
.one_three,
.two_three,
.two_two,
.one_four,
.three_four,
.one_five,
.two_five,
.three_five,
.four_five{
    width:100% !important;
    margin-left:0 !important;
}
#footer .column {
    width: 90%;
    margin-left:0;
    padding:0 20px;
}
#footer .content {
width: 100%;
}
#footer .bottom_logo {
display: block;
float: none;
width: 100%;
text-align:center;
margin: 0;
}
#footer .copyright {
display: block;
float: none;
width: 100%;
text-align:center;
}
.infos_work p{ display:none; }
.portfolio_item {
width: 280px;
margin: 0 auto 30px auto !important;
display: block;
}
.preview_work_600 {
width: 100%;margin: 0 0 0px 0;
}
#portfolio{
width: 390px;
margin: 0 auto;
}
.grid_item {
display: block;
float: left;
width: 183px !important;
height: 183px !important;
margin: 5px !important;
position: relative;
overflow: hidden;
}
.left_part {
width: 100%;
margin: 0 0px 0 0;
}

#sidebar { display:none; }
#sidebar h4 { display:none; }
.flickr_stream {display: none; }

#contact-form {
width: 100%;
margin: 0 auto;
}
#contact-form .field_small {
width: 400px;
}
#contact-form .field_big textarea , #contact-form .field_small input, #contact-form .field_big input {
width: 380px;
}
#contact-form .field_big {
width: 100%;
}
.main_view,.main_view .window{
width: 100% !important;
}

.blog_modern .thumb {
width: 100%;
margin-right:0 !important;
}
.blog_modern .head {
position:inherit;
top: auto;
left: auto;
z-index: 3;
padding: 5px 0 5px 10px;
color:  #FFF !important;
background: url(../images/transparent_85.png) repeat;
width:95%;
}
.related_post {
width: 86px;
}
#author-bio {
width: 298px;
}
.blog_grid, .blog_grid.last{
display: block;
float: none;
width: 280px;
margin: 0 auto;
}

/* End */
}

@media only screen and (max-width: 440px) {
/* Start */
.wrap {
width: 100%;
max-width: 320px;
}
#portfolio {
width: 100%;
margin: 0 auto;
}
.infos_work {
padding: 6px 20px;
}
.portfolio_item .clear{
    display:none;
}
.infos_work {
bottom: 30px;
}
#author-bio {
width: 178px;
}

#sidebar { display:none; }
#sidebar h4 { display: none; }
.flickr_stream {display: none; }


/* End */
}

/* iPhone Retina ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2)
{
/* Start */



/* End */
}