@media all and ( max-width: 999px) {
	.slide-out-from-right-hover .off-canvas-menu-container.mobile-only ul#social {
		display: none;
	}
	body .wpb_wrapper p a.link-blue-mobile {
		color: #4bcc00;
	}
    #sidebar-scroll-bar {
        display: none;
    }
    .for-desktop {
        display: none!important;
    }
    .for-mobile {
        display: inline-block!important;
    }
	body header#top #logo {
		padding: 0;
	}
    header#top .for-mobile #logo {
        background: none;
        border-radius: 0;
        margin-bottom: 0px;
    }
    header#top .for-mobile #logo {
        color: #000;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        font-weight: bold;
        font-size: 28px;
        line-height: 28px;
    }
    #header-outer[data-format="menu-left-aligned"] .row .col.span_3.for-mobile {
        min-width: 225px;
        height: auto;
    }
    html body:not(.material) header#top .col.span_9 {
        min-height: 40px;
    }
    body:not(.material) #header-outer.has-transparent {
        border-bottom: 1px solid #dedede;
        background: rgba(255, 255, 255, 1)!important;
    }
    body #slide-out-widget-area.slide-out-from-right-hover {
        padding: 0 20px;
        padding-top: 0px;
        top: 53px!important;
        height: -moz-calc(100% - (20px + 33px));
        height: -webkit-calc(100% - (20px + 33px));
        height: calc(100% - (20px + 33px));
        max-width: 70%;
    }
    body #slide-out-widget-area.slide-out-from-right-hover.open {
        width: 70%;
    }
    body #slide-out-widget-area.slide-out-from-right-hover {
        background-color: #fff!important;
        box-shadow: 2px 5px 17px 0px #dedede;
    }
    body .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .unhidden-line .lines:before,
    body .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .unhidden-line .lines:after,
    body .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .unhidden-line.lines-button:after {
        background: #565656;
    }
    html body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a {
        color: #565656;
        font-weight: normal;
        font-style: normal;
    }
    body .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:before,
    body .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:after,
    body .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after {
        background: #565656;
    }
    .slide-out-widget-area-toggle.mobile-icon .title-current-page-mb {
        display: inline-block;
        float: left;
        margin-right: 15px;
        font-size: 20px;
        color: #565656;
		text-transform: capitalize;
    }
    .slide-out-widget-area-toggle.mobile-icon a.closed {
        display: inline-block;
        float: right;
        margin-top: 5px;
    }
    #slide-out-widget-area.slide-out-from-right-hover .off-canvas-menu-container {
        position: relative;
        transform: none!important;
        top: 0;
        width: 100%;
    }
    .title_web {
        display: none;
    }
    body #slide-out-widget-area .off-canvas-social-links li i {
        font-size: 24px;
        line-height: 28px;
        color: #6f8093;
    }
    body #slide-out-widget-area.slide-out-from-right-hover .off-canvas-social-links {
        margin-top: 10px;
        text-align: center;
    }
    body #slide-out-widget-area.slide-out-from-right-hover .bottom-meta-wrap {
        margin-top: 40px;
    }
    body .off-canvas-menu-container.mobile-only li.menu-item {
        border-bottom: 1px solid #dedede;
        padding-bottom: 7px;
    }
    body #slide-out-widget-area .menuwrapper .menu.menuopen {
        margin-top: 20px;
    }
    body #slide-out-widget-area .inner .off-canvas-menu-container li.btn-contact-menu {
        border: none;
        margin-top: 20px;
    }
    html body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li.current_page_item a,
    html body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:hover,
    html body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:focus {
        font-weight: bold;
        color: #565656;
    }
    html body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li.current_page_item a span,
    html body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:hover span,
    html body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:focus span {
        font-weight: bold;
        color: #565656;
    }
    body #slide-out-widget-area .inner .off-canvas-menu-container li.no-border-menu {
        border: none;
    }
    header .one-fourths.span_3,
    header .one-fourths.vc_span3,
    header .one-fourths.vc_col-sm-3:not([class*="vc_col-xs-"]) {
        margin-bottom: 0;
        padding: 0;
    }
    html body .container.main-content .row > div.wpb_row {
        padding-top: 0px!important;
    }
    html body .container.main-content .row > div.wpb_row {
        padding-top: 0px!important;
    }
    html body .container.main-content .row > div.wpb_row .vc_custom_heading {
        padding-top: 15px;
    }
    .hide-mobile {
        display: none!important;
    }
    .wpb_row.bg-mobile-our-service-home .using-bg-color {
        background: url('images/image_bg_mobile_other.jpg');
        background-size: cover;
        background-repeat: no-repeat;
    }
    .wpb_row.bg-mobile-our-service-home .using-bg-color:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
    }
    .row .bg-mobile-our-service-home .col .wpb_wrapper p,
    .row .bg-mobile-our-service-home .col .wpb_wrapper li {
        color: #fff;
    }
    .row .bg-mobile-our-service-home .col .wpb_wrapper li {
        text-align: left;
    }
    .list-service-tick ul li {
        padding-left: 35px;
    }
    .row .bg-mobile-our-service-home .col .wpb_wrapper p {
        text-align: center;
    }
    .row .bg-mobile-our-service-home .col .vc_custom_heading {
        text-align: center!important;
        color: #fff;
    }
    .row .bg-mobile-our-service-home .col .wpb_wrapper {
        text-align: center;
    }
    body #slide-out-widget-area .inner .off-canvas-menu-container li.btn-contact-menu a {
        font-size: 18px!important;
        font-weight: normal;
        letter-spacing: 0.1px;
        border-radius: 40px!important;
        padding: 6px 24px!important;
        color: #fff!important;
        background-color: rgb(75, 204, 0)!important;
        visibility: inherit;
        padding-top: 9px!important;
    }
    html body #slide-out-widget-area .inner .off-canvas-menu-container li a,
    html body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a,
    html body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a,
    html body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a,
    html body #nectar-ocm-ht-line-check {
        font-family: Open Sans;
        text-transform: capitalize;
        font-size: 20px;
        line-height: 1.5;
    }
}

@media all and ( max-width: 480px) {
    header#top .for-mobile #logo {
        font-size: 25px;
    }
    .slide-out-widget-area-toggle.mobile-icon .title-current-page-mb {
        font-size: 18px;
        margin-top: 3px;
    }
}

@media all and ( max-width: 767px) {
    body .row .vc_col-md-push-4 {
        left: 0%!important;
    }
    body.single-post.ascend .container-wrap.fullscreen-blog-header,
    html body.single-post[data-bg-header="true"].ascend .container-wrap {
        padding-top: 20px!important;
        margin-top: 0!important;
    }
    body .row .vc_col-md-pull-8 {
        right: 0%!important;
    }
    .search-form-blogs form {
        width: 100%;
    }
    .search-form-blogs form.search-form input.search-field {
        min-width: 100%;
    }
    body header#top #logo {
        width: auto;
        max-width: none;
        display: block;
        line-height: 22px;
        font-size: 22px;
        letter-spacing: -1.5px;
        color: #444;
        font-family: 'Open Sans';
        font-weight: 600;
    }
    body header#top #logo {
        margin-bottom: 0px;
    }
    html body:not(.material) header#top #logo {
        margin-top: 0px!important;
        padding-top: 0px;
    }
    html body header#top #logo img,
    body #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 30px!important;
    }
    #slide-out-widget-area.mobile #social {
        display: none;
    }
    body div.wpb_row.padding-top-bottom-60,
    html body div.wpb_row {
        padding-top: 15px!important;
        padding-bottom: 15px!important;
    }
    html body .row>div.wpb_row:first-child {
        padding-top: 0px!important;
    }
    .img-center-mobile {
        display: inline-block;
        margin: 0 auto;
    }
    body #footer-outer .row {
        padding: 30px 0px;
        padding-bottom: 0;
    }
    html body #to-top.mobile-enabled {
        right: 30px;
        bottom: 15px;
    }
    body #footer-widgets .container .col {
        margin-bottom: 15px;
    }
    html body.ascend #footer-outer .widget h4 {
        margin-bottom: 15px;
        padding-bottom: 0;
    }
    body #footer-outer .widget {
        margin-bottom: 15px;
    }
    body .project-title {
        padding-top: 15px!important;
    }
    body .main-content ul,
    body .main-content ol {
        margin-bottom: 15px;
    }
    body #footer-widgets .container .col {
        margin-bottom: 15px;
    }
    .single-post #sidebar {
        margin-top: 30px;
    }
    html body[data-bg-header="true"] .container-wrap,
    html body.single-portfolio .container-wrap,
    html body.page-template-template-portfolio-php .container-wrap,
    html body.tax-project-type .container-wrap {
        padding-bottom: 15px;
    }
    body div.gform_wrapper {
        margin-top: 30px;
    }
    body .margin-top--70 {
        margin-top: 0;
    }
    body .margin-top-30 {
        margin-top: 10px;
    }
    body .padding-bottom-60 {
        padding-bottom: 20px;
    }
    body .row .col .wpb_wrapper .subtitle p {
        padding: 0px;
    }
    body .full-width-content.vc_row-fluid .about-box-right {
        width: 100%;
        padding: 30px;
        padding-bottom: 15px;
    }
    html body .owl-theme .owl-nav.disabled + .owl-dots {
        left: 0;
    }
    body .vc_row-fluid .vc_col-md-push-6 {
        left: 0%!important;
    }
    body .vc_row-fluid .vc_col-md-pull-6 {
        right: 0%!important;
    }
    .min-height-bg-mobile {
        min-height: 320px!important;
    }
    body .wpb_row .span_12 > .col.padding-8-percent[data-padding-pos="all"],
    body .column-inner.padding-8-percent[data-padding-pos="all"],
    body .wpb_row .span_12 > .col.padding-9-percent[data-padding-pos="all"],
    body .column-inner.padding-9-percent[data-padding-pos="all"],
    body .wpb_row .span_12 > .col.padding-10-percent[data-padding-pos="all"],
    body .column-inner.padding-10-percent[data-padding-pos="all"] {
        padding: 8%;
    }
    html body .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap {
        width: 100%;
    }
    html body .post-area.featured_img_left.span_12 .article-content-wrap .post-content-wrap {
        padding: 0;
        padding-bottom: 0px;
        width: 100%;
        padding-top: 10px;
    }
    body .post-area.featured_img_left.span_12 article {
        padding: 20px 0;
    }
    .padding-top-60 {
        padding-top: 30px!important;
    }
    body p {
        padding-bottom: 15px;
    }
    body .font-26 {
        line-height: 1.2em!important;
    }
    body .font-26 a {
        line-height: 1.2em!important;
    }
    body .font-20 {
        line-height: 1.2em!important;
    }
    body .font-20 p {
        line-height: 1.2em!important;
    }
    body .font-20 li {
        line-height: 1.2em!important;
    }
    body .font-19 {
        line-height: 1.2em!important;
    }
    body .font-19 p {
        line-height: 1.2em!important;
    }
    body .font-16 p {
        line-height: 1.2em!important;
    }
    body .font-16 p {
        line-height: 1.2em!important;
    }
    body .br-mobile {
        display: block;
    }
    .col.center .masonry-image {
        margin-bottom: 15px!important;
    }
    .testimonial_carousel_custom .owl-dots {
        display: block;
        width: 100%;
    }
    .testimonial_carousel_custom.owl-theme .owl-dots .owl-dot {
        background: none;
        border: 1px solid #4bcc00;
        width: 14px;
        height: 14px;
        border-radius: 50%!important;
        overflow: hidden;
    }
    .owl-theme.testimonial_carousel_custom .owl-dots .owl-dot {
        width: 14px;
    }
    .testimonial_carousel_custom.owl-theme .owl-dots .owl-dot.active {
        background: #4bcc00;
    }
    body.page .gform_wrapper .gform_footer input.gform_button[type="submit"] {
        float: none;
        display: inline-block;
    }
    body .gform_wrapper .gform_footer {
        text-align: center;
    }
}

@media all and ( max-width: 767px) and ( orientation:landscape) {
    body .row .span_2 h3,
    body .row .span_3 h3,
    body .row .span_4 h3,
    body .row .vc_col-sm-2 h3,
    body .row .vc_col-sm-3 h3,
    body .row .vc_col-sm-4 h3,
    body .row .col h3,
    body h3 {
        font-size: 3.5vw!important;
    }
}

@media all and ( min-width: 768px) and ( max-width: 999px) {
    #slide-out-widget-area.mobile #social {
        display: none;
    }
    .single-post #sidebar {
        margin-top: 30px;
    }
    body header#top #logo {
        width: auto;
        max-width: none;
        display: block;
        line-height: 22px;
        font-size: 22px;
        letter-spacing: -1.5px;
        color: #444;
        font-family: 'Open Sans';
        font-weight: 600;
    }
    body .main-content ul,
    body .main-content ol {
        margin-bottom: 10px;
    }
    body .padding-bottom-60 {
        padding-bottom: 30px;
    }
    body .project-title {
        padding-top: 1.2em!important;
    }
    body .col h2,
    h2 {
        font-size: 4vw!important;
        line-height: 1.3!important;
    }
    html body header#top #logo img,
    body #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 30px!important;
    }
    body header#top #logo {
        margin-bottom: 0px;
    }
    html body:not(.material) header#top #logo {
        margin-top: 0px!important;
    }
    body .vc_row-fluid .vc_col-md-push-6 {
        left: 0%!important;
    }
    body .vc_row-fluid[data-column-margin="none"] .vc_col-sm-6 {
        width: 100%;
    }
    body #footer-widgets .container .col {
        width: 32%;
    }
    div#footer-outer .container {
        max-width: 90%;
    }
    body #footer-outer .row {
        padding: 30px 0px;
        padding-bottom: 0;
    }
    body #footer-widgets .container .col.span_4 {
        margin-bottom: 0px;
    }
    html body.ascend #footer-outer .widget h4 {
        margin-bottom: 15px;
        font-size: 18px!important;
    }
    body .vc_row-fluid .vc_col-md-pull-6 {
        right: 0%!important;
    }
    .min-height-bg-mobile {
        min-height: 350px!important;
    }
    html body .post-area.featured_img_left .article-content-wrap {
        display: block;
    }
    html body .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap {
        width: 100%;
        display: block;
    }
    body .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap a,
    body .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap a span {
        position: relative;
        min-height: 350px;
    }
    html body .post-area.featured_img_left.span_12 .article-content-wrap .post-content-wrap {
        padding: 20px;
        padding-bottom: 0px;
        width: 100%;
        display: block;
    }
    body .post-area.featured_img_left.span_12 article {
        padding: 20px 0;
    }
    body .row .span_2 h3,
    body .row .span_3 h3,
    body .row .span_4 h3,
    body .row .vc_col-sm-2 h3,
    body .row .vc_col-sm-3 h3,
    body .row .vc_col-sm-4 h3,
    body .row .col h3,
    body h3 {
        font-size: 3.5vw!important;
    }
}