.display_tablet,.display_mobile_landscape,.display_mobile_portrait,
.cycle-responsive,.flashmo-responsive,.piecemaker-responsive,
.kwicks-responsive,.cslider-responsive,.responsive-menu {
display: none;
} @media only screen and (max-width: 959px) {
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
html, body {
min-width: 768px;
overflow-x: hidden;
}
img {
max-width: 100% !important;
height: auto !important;
vertical-align: bottom;
}
.imageborder {
max-width: 100%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; ;
}
.inner {
width: 748px !important; ;
} #boxed-layout {
width: 748px !important;
}
#boxed-layout  .inner {
width: 700px !important;
} .sidebar-left #main {
width: 70% !important;
}
.sidebar-left #sidebar {
width: 25% !important;
}
.sidebar-right #main {
width: 70% !important;
}
.sidebar-right #sidebar {
width: 25% !important;
} a.icon_link, a.icon_document, a.icon_video, a.icon_image, a.icon_lightbox {
display: block;
} #header .menu {
top: -999px;
}
.responsive-menu {
position: absolute;
display: block;
right: 0;
bottom: 10px;
width: 300px;
}
.responsive-menu select {
width: 100%;
} .display_desktop,
.cycle-wrapper,.flashmo,.piecemaker,.kwicks,.cslider,.nivo-caption {
display: none !important;
} .display_tablet,.cycle-responsive,.flashmo-responsive,
.piecemaker-responsive,.kwicks-responsive,.cslider-responsive {
display: block;
position: relative;
overflow: hidden;
max-width: 100%;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
html, body {
min-width: 480px;
overflow-x: hidden;
}
img {
max-width: 100% !important;
height: auto !important;
vertical-align: bottom;
}
.imageborder {
max-width: 100%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; ;
}
.inner, .wrapper {
width: 420px  !important; ;
} #boxed-layout {
width: 460px !important;
}
#boxed-layout  .inner {
width: 420px !important;
} .sidebar-left #main {
width: 100% !important;
margin-bottom: 40px;
}
.sidebar-left #sidebar {
width: 100% !important;
}
.sidebar-right #main {
width: 100% !important;
margin-bottom: 40px;
}
.sidebar-right #sidebar {
width: 100% !important;
} a.icon_link, a.icon_document, a.icon_video, a.icon_image, a.icon_lightbox {
display: block;
} #header {
display: block;
float: left;
height: auto;
width: 100%;
}
#header .logo {
position: relative;
width: 100%;
top: 0;
bottom: 0;
margin: 20px 0;
text-align: center;
}
#header .inner-right {
display: inline-block;
float: left;
width: 100%;
text-align: center;
margin: 0 0 20px 0;
} #header .menu {
top: -999px;
}
.responsive-menu {
float: left;
width: 100%;
display: block;
margin-bottom: 20px;
padding: 0;
}
.responsive-menu select {
width: 100%;
} .display_desktop,
.cycle-wrapper,.flashmo,.piecemaker,.kwicks,.cslider,.nivo-caption,.flex-content {
display: none !important;
} .display_mobile_landscape,
.cycle-responsive,.flashmo-responsive,.piecemaker-responsive,
.kwicks-responsive,.cslider-responsive {
display: block;
position: relative;
overflow: hidden;
max-width: 100%;
}
.one_half,.one_third,.one_fourth,.one_fifth,.one_sixth,
.two_third,.three_fourth,.four_fifth,.five_sixth,.two_fifth,.three_fifth {
width: 100%;
} .portfolio-wrap .space20 {
display: none;
}
.portfolio-wrap .one_third {
width: 46%;
margin: 0 2%!important;
}
.portfolio-wrap .one_fourth {
width: 46%;
margin: 0 2%!important;
}
.portfolio-wrap .one_fifth {
width: 30%;
margin: 0 8.5%!important;
}
.portfolio-wrap .one_sixth {
width: 29%;
margin: 0 2%!important;
}
.sidebar-right .one_half {
width: 46%;
margin: 0 2%!important;
}
.post-wrapper .post-content {
clear: both;
float: left;
width: 100%;
}
}
@media only screen and (max-width: 479px) {
html, body {
min-width: 320px;
overflow-x: hidden;
}
img {
max-width: 100% !important;
height: auto !important;
vertical-align: bottom;
}
.imageborder {
max-width: 100%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; ;
}
.inner, .wrapper {
width: 300px  !important; ;
} #boxed-layout {
width: 300px !important;
}
#boxed-layout  .inner {
width: 260px !important;
} .sidebar-left #main {
width: 100% !important;
margin-bottom: 40px;
}
.sidebar-left #sidebar {
width: 100% !important;
}
.sidebar-right #main {
width: 100% !important;
margin-bottom: 40px;
}
.sidebar-right #sidebar {
width: 100% !important;
} a.icon_link, a.icon_document, a.icon_video, a.icon_image, a.icon_lightbox {
display: block;
} #header {
display: block;
float: left;
height: auto;
width: 100%;
}
#header .logo {
position: relative;
width: 100%;
top: 0;
bottom: 0;
margin: 20px 0;
text-align: center;
}
#header .inner-right {
display: inline-block;
float: left;
width: 100%;
text-align: center;
margin: 0 0 20px 0;
} #header .menu {
top: -999px;
}
.responsive-menu {
float: left;
width: 100%;
display: block;
margin-bottom: 20px;
padding: 0;
}
.responsive-menu select {
width: 100%;
} .display_desktop,
.cycle-wrapper,.flashmo,.piecemaker,.kwicks,.cslider,.nivo-caption,.flex-content {
display: none !important;
} .display_mobile_portrait,
.cycle-responsive,.flashmo-responsive,.piecemaker-responsive,
.kwicks-responsive,.cslider-responsive {
display: block;
position: relative;
overflow: hidden;
max-width: 100%;
}
.portfolio-wrap .imageborder {
display: inline-block;
}
.portfolio-wrap {
text-align: center;
}
.one_half, .one_third, .one_fourth, .one_fifth, .one_sixth,
.two_third, .three_fourth, .four_fifth, .five_sixth, .two_fifth, .three_fifth {
width: 100%;
}
}