@media only screen and (max-width: 1020px) {
#wrapper.boxed {
    width: auto !important;
}
#wrapper .inner {
    margin: 0 20px;
    width: auto !important;
}
#topbg, #header {
    background-size: cover !important;
}
.portfolio-list {
    width: 100% !important;
}
.portfolio-1 .entry-thumb {
    margin-right: 5%;
}
.row-portfolio-post .content {
    width: 66%;
}
.row-portfolio-post .sidebar {
    width: 28%;
}
.post .thumbnail {
    width: 100%;
}
.content.full-width {
    width: 100%;
}
img.alignnone {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
}
.sliding-wrapper .next {
    right: -15px;
}
.sliding-wrapper .prev {
    left: -15px;
}
}
@media only screen and (max-width: 870px) {
.portfolio-1 .entry-thumb {
    float: none;
    margin-bottom: 10px;
}
}
@media only screen and (max-width: 800px) {
#header-optarea {
    visibility: hidden !important;
}
#featured .optimg, #featured .opttext {
    display: none !important;
}
#header-menu select {
    background-color: #fff;
    border: 1px solid #ddd;
    display: none;
    font-size: 15px;
    padding: 5px 3px;
    width: 100%;
}
.content {
    width: 61%;
}
.iwak-widget-twitter li {
    padding-right: 10px;
}
.portfolio-1 .entry-content {
    width: 588px;
}
.portfolio-2 {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px) !important;
}
.portfolio-2 .portfolio-entry {
    margin-left: 15px;
    margin-right: 15px;
    width: calc((100% - 61px) / 2);
}
.portfolio-3 {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px) !important;
}
.portfolio-3 .portfolio-entry {
    margin-left: 15px;
    margin-right: 15px;
    width: calc((100% - 91px) / 3);
}
.portfolio-4 {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px) !important;
}
.portfolio-4 .portfolio-entry {
    margin-left: 10px;
    margin-right: 10px;
    width: calc((100% - 81px) / 4);
}
.portfolio-2 .entry-thumb, .portfolio-3 .entry-thumb, .portfolio-4 .entry-thumb {
    width: 100%;
}
#footer .column {
    margin: 0 !important;
    width: 100% !important;
}
}
@media only screen and (max-width: 640px) {
#header-optarea {
    visibility: hidden !important;
}
#featured .optimg, #featured .opttext, .featured-title img {
    display: none !important;
}
#header {
    background-size: cover;
    height: auto;
}
#logo {
    left: 0;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    top: 0;
    width: 100%;
}
#header-menu {
    left: 0;
    padding-bottom: 20px;
    position: relative;
    top: 0;
}
#header-menu select {
    display: block;
}
#header-menu ul {
    display: none;
}
#header-menu select {
    font-size: 13px;
}
#slider-nextbiz {
    height: auto !important;
    padding-bottom: 50px;
}
#featured-pager {
    bottom: 0;
    height: 20px;
    margin: 20px 0 10px;
    position: absolute;
    text-align: center;
    top: auto;
    width: 100%;
}
#featured-pager ul {
    display: inline-block;
}
.featured-button {
    float: left;
    margin-left: 20px;
    margin-top: -40px;
}
.featured-entry.active {
    position: relative !important;
}
.featured-entry h1 {
    background-color: #fff;
    color: #222;
    display: block;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    opacity: 0.7;
    padding: 25px 0 0 20px;
}
.featured-excerpt {
    background-color: #fff;
    color: #888;
    opacity: 0.7;
    padding: 10px 20px 40px;
}
.featured-image {
    text-align: center;
}
.featured-image img {
    padding: 0 0 5px;
    text-align: center;
}
.featured-title, .featured-title h1, .featured-image, .featured-excerpt, .featured-excerpt p, .featured-button {
    height: auto !important;
    left: 0 !important;
    position: relative !important;
    top: 0 !important;
    width: auto !important;
}
#featured .button {
    font-size: 11px;
    line-height: 17px;
    padding: 3px 12px 4px 10px;
}
#featured .console li {
    margin-right: 7px;
}
#main {
    padding-top: 30px;
}
.no-page-title #main {
    padding-top: 40px;
}
.post .entry-thumb {
    padding-top: 20px;
}
.posts-list .post {
    margin-bottom: 33px;
    padding-bottom: 40px;
}
.post .post-content {
    padding-top: 10px;
}
.post-content .more-link {
    margin-top: 13px;
}
.portfolio-1 .entry-content {
    width: 100%;
}
.iframe-rwd {
    height: auto;
}
.divider {
    margin-bottom: 30px;
    padding-top: 16px;
}
.divider-title, .divider.top a {
    top: 10px;
}
#wrapper .inner {
    margin: 0 20px;
}
.content {
    padding-bottom: 10px;
    width: 100% !important;
}
.sidebar {
    width: 100% !important;
}
.column-left {
    width: 100%;
}
.column-right {
    overflow: hidden;
    width: 100%;
}
#searchform input {
    width: 70%;
}
#searchform button {
    width: 20%;
}
#contactform .form-input {
    margin: 0 0 20px;
    width: 100%;
}
#bottom .fl, #bottom .fr {
    width: 100%;
}
.horiz-list li {
    border-bottom: 1px solid #eeeeee;
    padding: 7px 0;
    width: 100%;
}
#portfolio-filter {
    margin-bottom: 50px;
}
.row-portfolio-post .content {
    width: 100%;
}
.row-portfolio-post .sidebar {
    margin: 0;
    width: 100%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fifth, .three_fifth {
    float: none;
    margin: 0 0 10px;
    width: 100%;
}
.row-widgets .widget {
    float: none;
    margin-bottom: 30px;
    width: 100%;
}
.social {display: none !important;}
#slider-custom {display: block !important;}
body {margin-top: 0 !important; padding-bottom: 35px;}
#topbg #header {position: relative !important;}
.call_us_mobile {
	display: block !important;
	width: 100%;
	text-align: center;
	padding: 1rem 0;
	font-size: 1.4rem;
	background: #0070BB;
	color: #fff;
	position: fixed;
	bottom: 0;
}
#backtotop {bottom: 75px !important;}
#container #main {padding-top: 30px !important;}
.posts-list h3 {padding-top: 30px !important;}
iframe[name=google_conversion_frame] {height: 1px !important;}
#bottom .fr {width: auto !important;}
h1 {font-size: 25px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 17px;}
#header-menu .icons {margin-right: 0.5rem !important;}
}
@media only screen and (max-width: 635px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 475px) {
}
@media only screen and (max-width: 320px) {
#wrapper .inner {
    margin: 0 10px;
}
#searchform input {
    width: 57%;
}
#searchform button {
    width: 32%;
}
.sliding-wrapper .next {
    right: -10px;
}
.sliding-wrapper .prev {
    left: -10px;
}
}
@media only screen and (min-width: 701px) and (max-width: 1023px) {
#wrapper .inner {
    margin: 0 30px;
}
#main-nav > li {
    padding-right: 8px;
}
.sliding-wrapper .next {
    right: -20px;
}
.sliding-wrapper .prev {
    left: -20px;
}
.content {
    width: 100%;
}
.sidebar {
    width: 100%;
}
.column-left {
    width: 28%;
}
.column-right {
    overflow: hidden;
    width: 66%;
}
#searchform input {
    width: 60%;
}
#searchform button {
    width: 29%;
}
#footer .column.column-width-4 {
    margin-left: 2%;
    width: 23%;
}
#footer .column.column-width-3 {
    margin-left: 2%;
    width: 32%;
}
#footer .column.column-width-2 {
    margin-left: 2%;
    width: 49%;
}
#footer .column.column-width-1 {
    width: 100%;
}
}
@media only screen and (min-width: 801px) {
.portfolio-list li.last {
    margin-right: 0;
}
}
@media only screen and (min-width: 1824px) {
}
@media not all, not all, not all, not all {
#main-nav > .current-menu-ancestor {
    background-image: url("images/menu_hover@2x.png");
    background-size: 7px 10px;
}
#main-nav li li:first-child {
    background-image: url("images/menu_top@2x.png");
    background-size: 195px 30px;
}
.portfolio-entry .extra {
    background-image: url("images/zoom@2x.png");
    background-size: 61px 61px;
}
.iwak-widget-twitter li {
    background-image: url("images/twitter@2x.png");
    background-size: 32px 25px;
}
ul.checklist li {
    background-image: url("images/icon_tick@2x.png");
    background-size: 16px 16px;
}
.box_download {
    background-image: url("images/down@2x.png");
    background-size: 32px 32px;
}
.box_info {
    background-image: url("images/info@2x.png");
    background-size: 32px 32px;
}
.box_warning {
    background-image: url("images/stop@2x.png");
    background-size: 32px 32px;
}
.box_note {
    background-image: url("images/notebook@2x.png");
    background-size: 32px 32px;
}
.ui-wrapper:hover .ui-resizable-se, .ui-resizable:hover .ui-resizable-se:hover {
    background-image: url("images/resize@2x.png");
    background-size: 12px 12px;
}
}