/* ########################################################################## */
/* RETINA DISPLAY */

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    
    .sprite { background-image: url('../images/sprites@2x.png?ver=1.3'); background-size: 500px 500px; }
    #main_nav > li { background-image: url('../images/sprites@2x.png?ver=1.3'); background-size: 500px 500px; }
    .content_reg ul li { background-image: url('../images/sprites@2x.png?ver=1.3'); background-size: 500px 500px; }
    
}

/* ########################################################################## */
/* RESPONSIVE */

/* TABLET PORTRAIT */
@media only screen and (max-width: 1000px) {
    
    .device_desktop,
    .device_tablet_land,
    .device_phone { display: none !important; }
    .device_tablet_por { display: block !important; }
    
    /* HEADER */
    #header { min-width: 700px; }
    #header_inner { width: 620px; }
    
    /* MAIN NAV */
    #main_nav { margin-left: 10px; }
    #main_nav > li { background: none; }
    #main_nav > li:first-child { display: none; }
    #main_nav > li > a { padding: 7px 6px; }
    
    /* SUBNAV */
    #sub_nav { width: 620px; }
    #sub_nav > li > ul > li > ul { width: 620px; }
    #sub_nav > li > ul > li.current-menu-item.menu-item-has-children > ul,
    #sub_nav > li > ul > li.current-menu-parent.menu-item-has-children > ul,
    #sub_nav > li > ul > li.current-menu-ancestor.menu-item-has-children > ul { left: calc(50% - (620px/2)); }
    
    /* CONTENT GLOBAL */
    .content_block { min-width: 700px; }
    .content_inner { width: 620px; }
    .content_block .left { width: 380px; }
    .content_block .left2 { width: 620px; }
    .content_block .right { width: 200px; }
    .content_block .wide { width: 620px; }
    
    /* GALLERY */
    .gallery { width: 620px; height: 664px; }
    .gallery_thumb_single { width: 112px; height: 112px; }
    .gallery_thumb_single.end { margin-right: 0; }
    .gallery_coming_soon { width: 620px; height: 412px; }
    .gallery_coming_soon h2 { padding-top: 186px; }
    .video_wrap { width: 620px; }
    
    /* PHOTOGRAPHY */
    #photography_wrap .photography_single { width: 290px; }
    #photography_wrap .photography_single.first { clear: none; }
    #photography_wrap .photography_single.end { margin-right: 40px; }
    #photography_wrap .photography_single.odd { clear: both; }
    #photography_wrap .photography_single.even { margin-right: 0; }
    #photography_wrap .photography_single .image { width: 290px; height: 192px; }
    #photography_wrap .photography_single.coming_soon .image h2 { padding-top: 86px; }
    
    /* FOOTER */
    #footer { min-width: 700px; }
    #footer_inner { width: 620px; }
    
}

/* PHONE */
@media only screen and (max-width: 760px) {
    
    .device_desktop,
    .device_tablet_land,
    .device_tablet_por { display: none !important; }
    .device_phone { display: block !important; }
    
    /* HEADER */
    #header { width: 100%; min-width: 320px; }
    #header_inner { width: 100%; padding: 0; }
    
    #logo { margin: 10px; }
    
    #main_nav { display: none; }
    #sub_nav_wrap { width: 100%; }
    #sub_nav { width: auto; text-align: center; padding: 0 20px; }
    #sub_nav > li > ul { margin: 7px 0; }
    #sub_nav > li > ul > li a { padding: 0px 5px; }
    #sub_nav > li > ul > li > ul { width: calc(100% - 40px); margin-top: 14px; }
    #sub_nav > li > ul > li.current-menu-item.menu-item-has-children > ul,
    #sub_nav > li > ul > li.current-menu-parent.menu-item-has-children > ul,
    #sub_nav > li > ul > li.current-menu-ancestor.menu-item-has-children > ul { left: 20px; }
    
    
    #phone_menu { width: 50px; height: 50px; float: right; margin: 14px 10px; }
    #phone_menu a { width: 50px; height: 50px; background-position: -200px -100px; }
    #phone_menu a.open { background-position: -250px -100px; }
    
    #phone_nav { width: 100%; min-width: 320px; border-bottom: solid #eeeeee 1px; }
    #phone_nav #main_nav_phone { margin: 0 auto; padding: 10px 0; }
    #phone_nav #main_nav_phone li { display: block; }
    #phone_nav #main_nav_phone li a { display: block; color: #999999; text-transform: uppercase; font-weight: bold; font-size: 20px; padding: 5px 0; }
    #phone_nav #main_nav_phone a:hover { color: #ed1c24; }
    #phone_nav #main_nav_phone > li.current-menu-item > a,
    #phone_nav #main_nav_phone > li.current-menu-parent > a,
    #phone_nav #main_nav_phone > li.current-menu-ancestor > a { color: #ed1c24; }
    
    /* CONTENT GLOBAL */
    .content_block { width: 100%; min-width: 320px; }
    .content_inner { width: 100%; padding: 30px 0; margin: 0; }
    
    .content_block .left { width: auto; padding: 0 20px; float: none; }
    .content_block .left2 { width: auto; padding: 0 20px; }
    .content_block .right { width: auto; padding: 0 20px; margin: 0; float: none; }
    .content_block .right_sidebar { margin-bottom: 40px; }
    .content_block .wide { width: auto; padding: 0 20px; }
    .content_block .wide_gallery { padding: 0; }
    
    /* GALLERY */
    .gallery { width: 100%; min-width: 320px; height: 300px; }
    #thumb_toggle { padding-top: 20px; }
    .gallery_thumbs { padding: 10px 0; }
    .gallery_thumb_single,
    .gallery_thumb_single.end { width: 30%; height: auto; margin: 0 5% 5% 0; }
    .gallery_thumb_single.col3-end { margin-right: 0; }
    .gallery_coming_soon { width: 100%; min-width: 320px; height: 280px; }
    .gallery_coming_soon h2 { padding-top: 120px; }
    .video_wrap { width: 100%; }
    
    /* PHOTOGRAPHY */
    #photography_wrap .photography_single { width: 100%; clear: both; margin-right: 0; }
    #photography_wrap .photography_single .image { width: 100%; height: auto; }
    #photography_wrap .photography_single.coming_soon .image h2 { padding: 30% 0; }
    
    /* BLOG */
    .type-post { margin: 20px 0; }
    #nav-below { margin-top: 20px; }
    
    img.centered,
    img.alignright,
    img.alignleft { width: 100%; height: auto; margin: 10px 0; display: block; }
    .alignright,
    .alignleft { float: none; }
    .aligncenter, div.aligncenter { margin: 0; }
    
    /* GRAVITY FORMS */
    .gform_wrapper label { display: block; float: none; width: 100%; padding: 10px 0; }
    .gform_wrapper .validation_message { padding-left: 10px; }
    .gform_wrapper .ginput_counter { padding-left: 10px; }
    .gform_footer { padding-left: 0; }
    
    /* FOOTER */
    #footer { width: 100%; min-width: 320px; }
    #footer_inner { width: auto; margin: 0; text-align: center; }
    #footer_nav { float: none; }
    #footer_nav li { float: none; display: inline-block; }
    #footer .credit { display: none; }

}