@media only screen and (max-width: 1120px) {
#main.boxed .tp-rightarrow, #main.framed .tp-rightarrow, #main.rounded .tp-rightarrow {
right: 0 !important;
}
#main.boxed .tp-leftarrow, #main.framed .tp-leftarrow, #main.rounded .tp-leftarrow {
left: 0 !important;
}
body.side-navigation-enabled.sidenav-static.sidenav-left {
padding-left: 70px;
}
body.side-navigation-enabled.sidenav-static.sidenav-left #header.header-scrolled {
left: 70px;
}
body.side-navigation-enabled.sidenav-static.sidenav-right {
padding-right: 70px;
}
body.side-navigation-enabled.sidenav-static.sidenav-right #header.header-scrolled {
right: 70px;
}
aside.side-navigation.side-navigation-static {display: none;}
aside.side-navigation.side-navigation-toggle.show-on-mobile {display: block !important;}
}
@media only screen and (max-width: 959px) {
.separator_block h1, .separator_block h2, .separator_block h3, .separator_block h4, .separator_block h5, .separator_block h6 {font-size: 22px;}
#respond input#submit{
margin: 0 !important;
}
#boxed-layout {
width: auto;
margin: 0 !important;
padding: 0 !important;
border: none;
}
#boxed-layout .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
#background {
display: none;
}
.social-icons ul li a {
margin: 0 0 5px 5px;
}
.portfolio-item.four h4 {
font-size: 18px;
}
}   @media only screen and (min-width: 783px) and (max-width: 959px) {
#author-info .author-bio {
width: 394px;
}
#respond-inputs p{
width: 556px;
margin:0 0 20px 0 !important;
float: none;
}
#respond-inputs input{
width: 538px;
}
#respond-textarea textarea{
width: 538px;
} .portfolio-item.no-margin.span2 {
width: 25%;
} .portfolio-item-one .button{
padding: 10px 14px;
} .flex-control-nav.flex-control-thumbs li img {
width: 80px; height: auto;
}   #sidebar .widget {
padding: 0 20px;
}
.widget_portfolio .portfolio-widget-item .portfolio-pic{
width: 40px;
height:40px;
}
.widget_search input{
width:133px;
}
#wp-calendar tbody td,
#wp-calendar thead th,
#wp-calendar caption {
padding: 0;
}   .pricing-table{
}
.pricing-table.col-2 .plan{
width:372px;
}
.pricing-table.col-3 .plan{
width:248px;
}
.pricing-table.col-4 .plan{
width:186px;
}
.pricing-table.col-5 .plan{
width:148px;
}
.latest-blog .blog-item .blog-pic img{
width:172px;
height:112px;
}
.latest-blog .blog-item h4{
font-size: 13px;
}
.latest-blog .blog-item .post-icon{
left:61px;
top:31px !important;
}
#filters ul li a {
padding: 7px 14px;
}
#sidebar .widget .tab a h5 {
padding: 8px 5px;
font-size: 12px;
width: 45px;
}
#main.boxed .tp-rightarrow, #main.framed .tp-rightarrow, #main.rounded .tp-rightarrow {
right: 0 !important;
}
#main.boxed .tp-leftarrow, #main.framed .tp-leftarrow, #main.rounded .tp-leftarrow {
left: 0 !important;
}
}   @media only screen and (max-width: 782px) {
.plan .plan-head.extra_height {margin-top: 0;}
.separator_block h1, .separator_block h2, .separator_block h3, .separator_block h4, .separator_block h5, .separator_block h6 {font-size: 18px;}
body.admin-bar.side-navigation-enabled aside.side-navigation {
top: 46px;
}
aside.side-navigation.side-navigation-toggle .toggleMenu {
border:0;
}
.my-td {display: block;text-align: center;}
.my-td.block-right {width: 100%;}
#style_selector {
display: none;
}
#topnav.menu > li {
margin-left: 5px;
margin-right: 5px;
}
#top-bar .social-icons, #top-bar .social-icons, #topnav.menu {
margin-right: 0px;
}
.call-us ul li {
display: block;
}
.tp-button {
display: none !important;
}
.social-icons.top-icons ul {
float: none;
overflow: hidden;
display: inline-block;
margin: 0 auto !important;
}
.portfolio-item.no-margin.one_fifth,
.portfolio-item.no-margin.span2 {
width: 33.3%;
}
.iconbox {
margin-bottom: 20px !important;
}
#filters {display: none;}
#header{
}
#navigation {
float: none;
}
#header .search-area {
display: none;
}
#header .logo{
float: none;
text-align: center;
height:auto !important;
line-height: 1 !important;
margin:10px 0;
}
.content-area-info {
text-align: center;
}
.logo img{
max-width: 100%;
}
#navigation ul, #header-searchform{
display:none !important;
}
#navigation .select-menu{
display: inherit;
width:100%;
}
.header3 #navigation .select-menu {
margin-top: 20px !important;
}
#header.header1.fixed_header {
display: none;
}
.header5 #navigation .select-menu {
margin-top: 20px;
}
.flexslider {
margin:0;
}
#no-title #breadcrumbs{
display: block;
}
#sidebar{
margin-top:40px;
}
#back-to-top{
display: none !important;
}
#footer .widget,
#infobar .widget{
margin-bottom:20px;
}
#footer .span1,
#footer .span2,
#footer .span3,
#footer .span4,
#footer .span5,
#footer .span6,
#footer .span7,
#footer .span8,
#footer .span9,
#footer .span10,
#footer .span11,
#footer .span12,
#footer .one-third.column,
#footer .two-thirds.column { width: 96%; margin: 25px 2%;}
#footer .widget h3 { margin-bottom: 0;}
.flickr-list .flickr-item {
max-width: 98px;
}
#copyright{
text-align: left;
margin: 0 !important;
padding: 15px;
}
#copyright .social-icons{
text-align: left;
width: 100%;
font-size:0;
padding:0;
margin: 0;
}
#copyright .social-icons ul {
margin: 10px 0;
}
#copyright .social-icons ul li{
display: inline-block;
text-align: center;
float: none;
}
#filters ul li {
display: block;
float: none;
}
#filters ul li a {
display: block;
float: none;
border: none;
border-bottom: 1px solid #dddddd;
}
#portfolio-slider .overlay{
display: none;
}
.callout .callout-button{
float: none;
width: 100%;
margin: 0 0 20px 0 !important;
}
.callout .callout-button {
text-align: center;
margin: 0 !important;
padding: 10px 0;
display: block;
}
.callout .callout-title {
margin-bottom: 25px !important;
}
.callout .callout-content{
float: none;
width: 100%;
display: block;
padding: 10px 0;
text-align: center;
}
.teaserbox{
text-align: center;
}
.teaserbox a.button{
display: block;
}
#sidebar .widget .tab a h5 {
font-size: 15px;
width: 70px;
}
.panel div{
max-width: 100%;
} .flex-control-nav.flex-control-thumbs li img {
width: 65px; height: auto;
}
.accordion {
margin-bottom: 25px;
}
.button.mini{
font-size:10px;
line-height: 11px;
padding:5px 10px;
}
.button.small{
font-size:10px;
line-height: 11px;
padding:8px 18px;
}
.button.medium{
font-size:11px;
line-height:12px;
padding:10px 20px;
}
.button.large{
font-size:12px;
line-height:12px;
padding:12px 25px;
}
#title h1, #title #breadcrumbs { }
.aq-template-wrapper > .aq-block {
max-width: 420px;
margin: 0 auto !important;
display: block;
float: none;
}
.wpb_row {
text-align: center !important;
}
}
@media only screen and (min-width: 1024px) {
.taptap-menu-button-wrapper,
.taptap-search-button-wrapper,
.taptap-logo-wrapper {
display: none;
}
}   @media only screen and (min-width: 480px) and (max-width: 767px) {
.gallery-wrap{
margin:0 0 -20px 0;
}
.latest-blog, .negative-wrap{
margin:0 0px 0 0px;
} .post-meta span{
display: block;
margin:0 0 5px 0;
}
.blog-medium .post-video,
.blog-medium .post-gallery,
.blog-medium .post-image,
.blog-medium .post-quote,
.blog-medium .post-audio,
.blog-medium .post-link {
width: 420px;
float: none;
}
.blog-medium .post-gallery img,
.blog-medium .post-image img {
width: 100%;
height: auto;
}
#author-info{
margin: 0;
}
#author-info .author-bio {
float: left;
width: 100%;
margin-bottom: 25px;
}
.sharebox{
margin: 0 0 30px 0;
}
.sharebox h4 {
display: none;
}
#respond-inputs p{
width: 420px;
margin:0 0 20px 0 !important;
float: none;
}
#respond-inputs input{
width: 403px;
}
#respond-textarea textarea{
width: 403px;
} .portfolio-wide #portfolio-video,
.portfolio-sidebyside #portfolio-video {
margin: 0 0 30px 0;
}
.portfolio-wide #portfolio-slider {
margin-bottom: 95px;
}
#portfolio-related-post h3{
margin-left:0px;
margin-right:0px;
}
.projects-nav{
display: none;
} .portfolio-item.no-margin.span3,
.portfolio-item.no-margin.span4,
.portfolio-item.no-margin.span6 {
min-width: 420px;
}
.portfolio-item.four {
width: 420px !important;
height: 274px;
margin-bottom:20px;
}
.hexagon .portfolio-item.four {
width: 420px !important;
height: 482px !important;
margin-bottom:20px;
} .portfolio-item.one-third {
width: 420px !important;
height: 274px !important;
margin-bottom:20px;
} .portfolio-item.eight {
width: 420px;
height: 274px;
margin-bottom:20px;
} .portfolio-item-one{
margin-bottom: 40px !important;
}
.portfolio-item-one .portfolio-picwrap,
.portfolio-item-one .portfolio-desc{
width: 420px;
clear: both;
float: none !important;
}
.portfolio-item-one .portfolio-picwrap {
height: 274px;
}   .widget_search input{
width:379px;
}   .pricing-table{
width: 100%;
}
.row {
margin:0;
}
.wpb_row {
margin-left: 0% !important;
margin-right: 0% !important;
}
.pricing-table.col-2 .plan,
.pricing-table.col-3 .plan,
.pricing-table.col-4 .plan,
.pricing-table.style3.col-4 .plan,
.pricing-table.col-5 .plan{
width: 420px;
margin: 0;
margin-bottom: 20px;
}
.style3 .plan .border {
margin-left: 0px;
}
.pricing-table.style3 .plan:first-child {
display: none;
}
.pricing-table .featured{
margin-top:0;
}
.latest-blog .blog-item{
margin-bottom: 20px;
}
.latest-blog .blog-item .blog-pic img{
width:420px;
height:273px;
}
.latest-blog .blog-item .blog-overlay{
width:420px;
height:273px;
}
.latest-blog .blog-item h4{
font-size: 13px;
}
.latest-blog .blog-item .post-icon{
left:185px;
top:111px !important;
}
}   @media only screen and (max-width: 479px) {
.gallery-wrap{
margin:0 0 -20px 0;
}
.latest-blog, .negative-wrap{
margin:0 0px 0 0px;
}
.sidenav:after {
display: none;
} .post-meta span{
display: block;
margin:0 0 5px 0;
}
.blog-medium .post-video,
.blog-medium .post-gallery,
.blog-medium .post-image,
.blog-medium .post-quote,
.blog-medium .post-audio,
.blog-medium .post-link {
width: 300px;
float: none;
}
.blog-medium .post-gallery img,
.blog-medium .post-image img {
width: 100%;
height: auto;
}
#author-info{
margin: 0;
}
#author-info .author-bio {
width: 100%;
margin: 0px 0 15px;
}
.sharebox{
margin: 0 0 30px 0;
}
.sharebox h4 {
display: none;
}
#respond-inputs p{
width: 300px;
margin:0 0 20px 0 !important;
float: none;
background: yellow;
}
#respond-inputs input{
width: 282px;
}
#respond-textarea textarea{
width: 282px;
} .portfolio-item.no-margin.one_fifth,
.portfolio-item.no-margin.span2,
.portfolio-item.no-margin.span3,
.portfolio-item.no-margin.span4,
.portfolio-item.no-margin.span6 {
width: 50%;
}
.portfolio-wide #portfolio-video,
.portfolio-sidebyside #portfolio-video {
margin: 0 0 30px 0;
}
.portfolio-wide #portfolio-slider {
margin-bottom: 75px;
}
#portfolio-related-post h3{
margin-left:0px;
margin-right:0px;
}
.projects-nav{
display: none;
}
.portfolio-item.no-margin.span3,
.portfolio-item.no-margin.span4,
.portfolio-item.no-margin.span6 {
min-width: 300px;
} .portfolio-item.four {
width: 300px !important;
height: 196px;
margin-bottom:20px;
}
.hexagon .portfolio-item.four {
width: 300px !important;
height: 342px !important;
margin-bottom:20px;
} .portfolio-item.one-third {
margin-bottom:20px;
} .portfolio-item.eight {
width: 300px;
height: 196px;
margin-bottom:20px;
} .portfolio-item-one{
margin-bottom: 40px !important;
}
.portfolio-item-one .portfolio-picwrap,
.portfolio-item-one .portfolio-desc{
width: 300px;
clear: both;
float: none !important;
}
.portfolio-item .portfolio-page-item .portfolio-title, .portfolio-item-one .portfolio-page-item .portfolio-title {
font-size: 18px;
}
.flex-control-nav.flex-control-thumbs li img {
width: 50px;	height: auto;
}   .widget_search input{
width:258px;
}   .pricing-table{
width: 300px;
}
.pricing-table.col-2 .plan,
.pricing-table.col-3 .plan,
.pricing-table.col-4 .plan,
.pricing-table.style3.col-4 .plan,
.pricing-table.col-5 .plan{
width:298px;
margin-bottom:20px;
}
.pricing-table .featured{
margin-top:0;
}
.latest-blog .blog-item{
margin-bottom: 20px;
}
.latest-blog .blog-item .blog-pic img{
width:300px;
height:195px;
}
.latest-blog .blog-item .blog-overlay{
width:300px;
height:195px;
}
.latest-blog .blog-item h4{
font-size: 13px;
}
.latest-blog .blog-item .post-icon{
left:125px;
top:72px !important;
}
.flickr-list .flickr-item {
max-width: 94px;
}
}  @media only screen and (max-width: 980px) {
.container { max-width: 960px; width: 92%; margin: 0 4%; }
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 92%; }
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12,
.one-third.column,
.two-thirds.column { width: 100%; margin: 0;}
.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth { width: 100%; }
}   @media only screen and (max-width: 1023px) {
#header.header6:not(.fixed_header) {
background: #ffffff !important;
height: 64px;
position: inherit !important;
}
.mobile-menu {
background: #ffffff;
top: 0;
position: fixed;
height: 64px;
width: 100%;
z-index: 9999;
}
.admin-bar .mobile-menu {
top: auto !important;
}
.taptap-menu-button-wrapper,
.taptap-search-button-wrapper,
.taptap-search-wrapper {
display: block;
}
}
@media only screen and (max-width: 479px) {
.row-fluid, .row {
margin-left: 0%;
margin-right: 0%;
}
.container { max-width: 386px; }
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12,
.one-third.column,
.two-thirds.column { width: 100%; margin: 0;}
.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth { width: 354px; }
#top-bar .call-us { margin: 0; }
.blog .post { padding: 10px; }
.widget_portfolio .portfolio-widget-item {
float: left;
width: auto;
}
.widget_portfolio .portfolio-widget-item .portfolio-pic {
width: 100%;
height: auto;
}
}