@media only screen and (min-width: 980px) and (max-width: 1190px) {
.container,
.tcvpb_container,
.dnd_container{
width: 960px;
}
.timeline_post,
.timeline_post_first{
width: 430px;
}
#ABdev_sticky_header{
height: 609px;
}
#ABdev_sticky_header_content{
margin-top: 609px;
}
#dz_main_slider_text{
font-size: 50px;
line-height: 50px;
}
#dz_main_slider_text .bold{
font-size: 60px;
line-height: 60px;
}
.flickr_stream img{
width: 67px;
height: 67px;
}
aside.sidebar .flickr_stream img{
width: 65px;
height: 65px;
}
.tab-content .tcvpb_event_content {
padding-top: 17px;
width: 69.8%;
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dt{
width: 52%;
}
.tab-content .tcvpb_event_image_container {
width: 25.95%;
}
}
@media only screen and (min-width: 769px) and (max-width: 979px) {
.container,
.tcvpb_container,
.dnd_container{
width: 748px;
}
nav > ul{
right: -10px;
}
nav > ul > li > a{
margin: 0 5px;
padding: 0 5px;
}
.timeline_post,
.timeline_post_first{
width: 324px;
}
#frontpage_slider{
max-height: 488px;
}
#dz_main_slider_text{
font-size: 40px;
line-height: 40px;
}
#dz_main_slider_text .bold{
font-size: 50px;
line-height: 50px;
}
#contact_map,
#contact_streetview{
height: 488px;
}
#ABdev_sticky_header{
height: 488px;
}
#ABdev_sticky_header_content{
margin-top: 488px;
}
footer #footer_copyright .footer_social_links a:first-child{
margin-left: 0;
}
footer #footer_copyright .footer_social_links span{
display: block;
margin-bottom: 20px;
}
.flickr_stream a:nth-child(3n+0){
margin-right: 9px;
}
.flickr_stream img{
width: 77px;
height: 77px;
}
aside.sidebar .flickr_stream img{
width: 64px;
height: 64px;
}
aside.sidebar .flickr_stream a:nth-child(4n+0){
margin-right: 10px;
}
#portfolio_item_meta .portfolio_item_meta_label {
float: none;
width: auto;
display: inline;
}
#portfolio_item_meta .portfolio_item_meta_data {
padding-left: 0;
display: inline;
}
.split_cols_788 > [class*="span"]{
width: 100%;
margin-left: 0;
margin-bottom: 40px;
}
.spacer_responsive_hide_tablet{
display: none!important;
}
.tab-content .tcvpb_event_content {
padding-top: 0;
width: 60.7%;
}
.tcvpb_event_content_meta_info > div{
margin-top: 5px;
margin-bottom: 5px;
}
#tribe-events .row .span9,
#tribe-events .row .span3{
width: 100%;
margin-left: 0;
}
.tribe-events-event-meta .tribe-events-meta-group{
padding-left: 0;
margin-bottom: 0;
}
.tab-content .tcvpb_event_image_container {
width: 33.43%;
}
}
@media only screen and (max-width: 767px){
header{
position: static;
height: auto;
margin-top: 0 !important;
}
header .container{
position: relative;
}
header .logo img{
position: static;
}
#ABdev_sticky_header{
margin-top: 0 !important;
position: static;
}
header.ABdev_on_sticky_header{
position: static;
}
#ABdev_menu_toggle{
display: block;
width: 32px;
height: 32px;
position: absolute;
right: 0;
top: 10px;
font-size: 24px;
z-index: 2000;
}
nav{
position: relative;
float: none !important;
}
nav > ul{
display: none;
line-height: 30px;
margin: 30px 0;
padding-left: 10px;
}
nav > ul > li{
display: block;
width: 100%;
}
nav > ul > li > a{
display: block;
width: 100%;
text-align: left;
margin-left: 0;
}
nav > ul > li > a > i{
display: none;
}
nav > ul ul{
position: static;
display: block;
background: none;
border: none;
padding: 0;
margin: 0 !important;
width: 100%;
z-index: auto;
margin-left: 0;
padding-left: 20px;
box-shadow:none;
}
nav > ul > li > ul:before{
display: none;
}
nav > ul li:hover > ul,
nav > ul li.sfHover > ul{
display: block;
z-index: auto;
position: static;
}
nav > ul ul li{
position: static;
}
nav > ul ul li.has_children:hover:after{
display: none;
}
nav > ul ul li{
padding: 0;
}
nav > ul ul li a{
text-transform:none;
width: 100%;
text-align: left;
padding: inherit;
}
nav > ul ul li:hover{
background: none;
}
nav > ul ul li:hover > a{
color: #505050 !important;
}
nav > ul ul ul{
position: static;
margin-top: 0;
z-index: auto;
margin-left: 20px;
}
nav > ul ul ul:before{
display: none;
}
.sf-arrows .sf-with-ul:after{
display: none;
}
nav > ul > .current-menu-item > a,
nav > ul > .current-menu-ancestor > a{
color: #505050;
}
#dz_main_slider{
height: 230px;
}
.tp-caption.dzen_title:after{
display: none;
}
.container,
.tcvpb_container,
.dnd_container{
width: 90%;
}
.tcvpb_container [class*="column_tc_span"],
.dnd_container [class*="column_tc_span"]{
margin-left: 0;
width: 100%;
}
#dz_main_header{
padding-left: 10px;
padding-right: 10px;
}
#title_breadcrumbs_bar .breadcrumbs{
text-align: left;
}
#title_breadcrumbs_bar .span4{
margin-bottom: 0;
}
#frontpage_slider{
max-height: none;
}
#dz_main_slider_logo{
padding: 0 20px;
}
#dz_main_slider_text{
font-size: 30px;
line-height: 30px;
}
#dz_main_slider_text .bold{
font-size: 40px;
line-height: 40px;
}
.dz_main_slider_scroll_icon,
.dz_main_slider_scroll_info{
margin-bottom: 10px;
}
#dz_main_slider_scroll {
bottom: 10px;
}
#contact_map,
#contact_streetview{
height: 300px;
}
#ABdev_sticky_header{
height: auto;
}
#ABdev_sticky_header_content{
margin-top: 0;
}
.row{
margin-bottom: 0;
}
.row > [class*="span"]{
width: 100%;
margin-left: 0;
margin-bottom: 40px;
}
.timeline_post,
.timeline_post_first{
width: 100%;
}
#timeline_posts{
background: none;
}
.timeline_post_left:after,
.timeline_post_right:after{
display: none;
}
#footer_columns{
padding-bottom: 40px;
}
aside.sidebar_right,
aside.sidebar_left{
padding-left: 0;
padding-right: 0;
}
footer #footer_copyright,
footer #footer_copyright .footer_social{
text-align: center;
}
footer #footer_copyright .footer_copyright,
footer #footer_copyright .footer_social{
margin-bottom: 15px;
}
.flickr_stream a:nth-child(3n+0),
aside.sidebar .flickr_stream a:nth-child(4n+0){
margin-right: 10px;
}
.portfolio_item_4,
.portfolio_item_3{
width: 49.9%;
}
#page404 .big_404{
font-size: 100px;
line-height: 200px;
}
.content_with_right_sidebar{
padding-right: 0;
}
.content_with_left_sidebar{
padding-left: 0;
}
.comment{
padding-left: 0;
}
.comment .avatar{
display: none;
}
.comment .reply,
.comment .edit-link{
display: inline-block;
}
.post_content .post_badges{
display: none;
}
.blog_category_index .post_main,
.blog_category_index .post_main{
margin-left: 0;
}
.post_content .post_main{
padding-left: 0;
}
.post_main .postmeta-above .post_meta_comments{
float: none;
}
.post_meta_tags{
float: none;
padding-top: 20px;
text-align: left;
clear: both;
}
.post_meta_tags i{
margin-left: 0 !important;
}
header .row > [class*="span"],
.title_bar .row > [class*="span"]{
margin-bottom: 0;
}
#filters li {
margin: 5px;
}
#filters li a{
border: 1px solid #e1e9e9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.wpcf7 .span6:first-child{
margin-bottom: 0;
}
.dnd-callout_box .dnd-button,
.tcvpb-callout_box .tcvpb-button{
margin-top: 30px;
}
.tcvpb_stats_excerpt,
.dnd_stats_excerpt{
margin-bottom: 60px;
}
.process_section .tcvpb_container>div:after,
.process_section .dnd_container>div:after{
content: '\f48b';
font-family: 'WebHostingHub-Glyphs';
font-size: 11px;
display: block;
position: absolute;
top: auto;
bottom: 15px;
right: 50%;
margin-right: -5px;
}
.tcvpb_container .rev_slider_wrapper,
.dnd_container .rev_slider_wrapper{
margin-bottom: 40px !important;
}
.tcvpb_pricing-table-1,
.tcvpb_pricing-table-2,
.dnd_pricing-table-1,
.dnd_pricing-table-2{
margin-bottom: 40px;
}
.tcvpb_pricing-table-1 .tcvpb_plan,
.tcvpb_pricing-table-2 .tcvpb_plan,
.dnd_pricing-table-1 .dnd_plan,
.dnd_pricing-table-2 .dnd_plan{
margin-top: 0;
}
#blog_pagination .prev,
#blog_pagination .next {
position: static;
}
#blog_pagination .prev{
margin-right: 5px;
}
#blog_pagination .next{
margin-left: 4px;
}
#blog_pagination .page-numbers{
margin-bottom: 20px;
}
.spacer_responsive_hide_mobile{
display: none!important;
}
.tcvpb-event-tabs .nav-tabs{
margin-bottom: 20px;
}
.tab-content .tcvpb_event_content {
padding-top: 0;
width: 100%;
}
.tcvpb_event_content_meta_info > div{
margin-top: 5px;
margin-bottom: 5px;
}
.tcvpb-event-tabs .nav-tabs li{
width: 100%;
text-align: center;
}
.tcvpb-event-tabs .nav-tabs li.active:after{
left: 50% !important;
margin-left: -69px;
}
.single-tribe_events .tribe-events-event-meta{
padding-bottom: 0;
}
#tribe-events #tribe-events-footer{
padding-top: 10px;
}
.tab-content .tcvpb_event_image_container {
height: 300px;
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
}