@media only screen and (max-width: 1240px) {
h1#site-logo,h1#site-logo a{
width:120px;
background-size:120px auto;
}
}
@media only screen and (max-width: 1200px) {
h1#site-logo{
margin:0 20px;	
}
.top_social{
margin-right:20px;
}
#primary-menu-container{
margin-right:20px;
}
#primary-menu-container a{
font-size:12px;
}
}
@media only screen and (max-width: 1024px) {
.wrapper {
width: 95%;
}
.top_social{
display:none;
}
.tax {
height: 39px;
line-height: 38px;
}
.tax ul li a {
font-size: 12px;
padding: 12px;
}
.entry iframe, .entry embed, .entry object {
width: 100%;
min-height:250px;
}
.entry img,.post .entry img {
max-width: 100%;
width: auto;
height: auto;
}
.portfolios .portfolio-item {
width: 29.6%;
height:auto;
}
.portfolios .portfolio-item .overlay {
display: none;
}
.portfolios .portfolio-item img {
max-height: none;
min-height: 0;
height: auto;
}
.portfolios.columns4 .portfolio-item {
width: 22.5%;
height: auto;
}
.portfolios.columns5 .portfolio-item {
width: 18.2%;
height: auto;
}
}
@media only screen and (max-width: 959px) {
.home #top{
height:auto;
}
#primary-menu-container{
float:right;
min-width: 60%;
margin-right:10px;
}
#primary-menu-container ul li {
padding:0 8px;
}
#primary-menu-container a {
font-size: 0.75em;
}
blockquote.quote-type{
width:95%;
}
}
@media only screen and (max-width: 800px) {
.config .item {
width: 40%;
padding-bottom: 10px;
margin-right: 2%;
margin-bottom: 4%;
}
blockquote.quote-type {
width: 95%
}
.pricetable{
float:none;
}
.team{
margin-bottom:-10px;
}
.member {
width:43%;
margin: 0 3% 5% 0;
}
.contactform {
width: 45%;
}
.contactinfo {
width: 50%;
}
.contactform input, .contactform textarea {
width: 100%;
}
.subscribe .subscribe-input {
width: 60%;
}
#commentform dd {
width: 70%
}
#commentform dd textarea {
width: 100%;
}
#blog-2columns .post .thumbnail {
display: none;
}
}
@media only screen and (max-width: 1425px) {
#sk_mobile_menu{
display:block;
margin-right:15px;
}
#primary-menu.shrink{
opacity:.9;
height:50px;
}
#primary-menu-container ul li {
padding:0 8px;
}
#primary-menu-container {
display: none;
}
.admin-bar #primary-menu.float-menu.shrink{
top:0;
}
.right-logo .mini-menu-button{
float:left;
margin-left:20px;
}
.pricetable{
width:49%;
float:left;
}
}
@media only screen and (max-width: 640px) {
#primary-menu{
position:relative;
top:0;
}
.single #container{
margin-top:0px;
}
.page-area {
background-attachment: scroll;
}
.page-area .title {
margin-bottom: 10%;
}
.page-area .title h1,
.page-area .title h1 strong,
.page-area .title h2,
.page-area .title h2 strong {
font-size: 1.5em;
}
.page-area .title p {
font-size: 1em;
}
.page-area .title h2,.page-area .title h1,.page-area .title p,
.page-area .title h2 strong,.page-area .title h1 strong {
font-family:Arial, Helvetica, sans-serif;
}
.page-area .title h1 strong,
.page-area .title h2 strong {
font-weight:bold;
}
.page-area .full-embed iframe{
min-height:300px;
height:auto;
}
.config .item,.config_item{
height: auto;
overflow: hidden;
margin-bottom: 5%;
}
.config .item .thumbnail,
.config_item .thumbnail {
width: 70%;
margin-bottom: 5%;
}
.config .item h2,
.config_item h2 {
font-size: 1.25em;
}
.portfolios .portfolio-item {
height: 18em;
clear: both;
margin-bottom: 10px;
}
.portfolios .portfolio-item img{
width:100%;
}
.portfolios.columns4 .portfolio-item, .portfolios.columns5 .portfolio-item {
width: 91%;
}
blockquote.quote-type {
width: 85%;
text-align: center;
}
blockquote.quote-type img {
float: none;
}
.pricetable .plan {
margin-bottom: 3%;
}
.member {
width: 43%;
margin: 0 3% 5% 0;
}
.contactform {
width: 97%;
}
.contactinfo {
width: 100%;
}
.contactform {
margin-bottom: 10%;
}
#footer .footer-l, #footer .footer-r {
clear: both;
width: 100%;
}
#footer .footer-l {
margin-bottom: 2%;
}
#commentform dd textarea {
width: 103.5%;
}
.commentlist li .avatar, .single .post figure {
display: none;
}
.tax {
height: auto;
overflow: hidden;
margin-bottom: 10px;
}
.tax ul {
border: none;
}
.tax ul li {
min-width: 8%;
background: #333;
margin: 0 5px 0 0;
}
.tax ul li a {
font-size: 0.875em;
padding: 8px 5px;
color: #fff;
text-transform: capitalize;
}
.inverse.tax ul li {
background: #000;
}
.post figure {
display: none;
}
.post .thumbnail {
width: 100px;
height: 100px;
}
.post .thumbnail img {
width: 100px;
}
.entry iframe{
height:300px;
}
.grid_blog{
width:100%;
float:none;
clear:both;
}
#backtoTop{
display:none;
}
blockquote.quote-type p.content{
padding-left:40px;
text-align:left;
}
blockquote.quote-type p.content:before{
left:0;
}
#portfolio-media, #portfolio-media iframe{
min-height:300px;
}
}
@media only screen and (max-width: 480px) {
.shrink h1#site-logo, .shrink h1#site-logo a{
width:100px;
height:50px;
background-size:100%;
}
.config .item, config .item .thumbnail {
width: 100%;
}
.config .item {
width: 89%;
margin-bottom: 2%;
}
.portfolios .portfolio-item {
width: 97%;
height: auto;
max-height: none;
margin-bottom: 10px;
}
.member {
width: 90%;
margin: 0 3% 15% 0;
}
#commentform dd {
width: 96%;
margin-left: 0
}
#commentform dt {
margin-bottom: 2%;
}
#commentform dd input, #commentform dd textarea {
width: 100%;
}
#commentform dd button {
margin-top: -8%;
}
.post figure, .post .thumbnail {
width:100%;
clear:both;
height:250px;
}
.post figure, .post .thumbnail img{
width:100%;
min-height:250px;
}
.pricetable{
float:none;
width:100%;
}
blockquote.quote-type p.content{
font-size:24px;
}
}
@media only screen and (max-width: 320px) {
.config .item {
margin-bottom: 10%;
}
.contactform {
width: 94%;
}
.subscribe .subscribe-input {
width: 53.5%;
}
#commentform dd {
width: 92%;
}
#commentform dd button {
margin-top: -12%;
}
}