body {

    transition: background-color .5s;

}

.logo {

    background: url(../images/logonew.png) no-repeat;

    background-size: 100%;

    height: 80px;

}

#header .info .date {float: left;}

.mobmenu {display: none;}

.bx-wrapper .bx-viewport {border: 0;left: 0;background: #d0e1f0;}

.bx-wrapper .bx-viewport ul.bxslider {margin: 0;}

.bx-wrapper {margin: 0;}


.bx-wrapper .bx-viewport ul.bxslider li {
    height: 450px;
    background-size: cover !important;
    background-position: center center !important;
}


#mySidenav.sidenav {

    height: 100%;

    width: 0;

    position: fixed;

    z-index: 99;

    top: 0;

    left: 0;

    background-color: #111;

    overflow-x: hidden;

    transition: 0.5s;

    padding-top: 60px;

}

#mySidenav.sidenav h2 {

    color: #fff;

    padding-left: 20px;

    font-size: 20px;

}

#mySidenav.sidenav ul {

    margin: 0;

    padding: 0;

}

#mySidenav.sidenav ul li a {

    padding: 12px 10px 12px 20px;

    text-decoration: none;

    font-size: 14px;

    background: rgba(255,255,255,0.1);

    margin: 0 0 1px 0;

    color: #fff;

    display: block;

    transition: 0.5s;

}

#mySidenav.sidenav ul li a:hover {

    background: none;

}

#mySidenav.sidenav ul li a:hover, .offcanvas ul li a:focus{

    color: #f1f1f1;

}



#mySidenav.sidenav .closebtn {

    position: absolute;

    top: 0;

    right: 25px;

    font-size: 36px;

    margin-left: 50px;

    color: #fff;

}



#main {

    transition: margin-left .5s;

    padding: 0 16px 16px;

}



@media screen and (max-height: 450px) {

  #mySidenav.sidenav {padding-top: 15px;}

  #mySidenav.sidenav a {font-size: 18px;}

}

@media (min-device-width: 800px) and (max-device-width: 1280px) {



}

@media (max-width: 1024px) {

    body {

        min-width: initial;

        max-width: 100%;

    }

    .mobihid {display: none;}

    #nav span.mobmenu {

        display: block;

        line-height: 2em;

        color: #fff;

        font-size: 22px;

        cursor: pointer;

    }

    .ui-page-theme-a a.mobmenu {

        background: #196db6;

        color: #fff;

        text-shadow: 1px 1px 0px #333;

    }

    .ui-panel-display-reveal {z-index: 99;}

    #header .header-frame {

        max-width: 100%;

        padding: 10px 0;

    }

    #header .logoarea {

        position: relative;

        width: 100%;

        height: 125px;

        background-size: cover;

        padding: 0;

        background: #333;

        left: 0;

    }

    strong.logo {

        max-width: 320px;

        width: 100%;

        margin: 0 auto;

        padding: 5px 10px;

        background-position: 10px 10px;

        background-size: 672px;

    }

    #header .logoarea address {

        max-width: 185px;

        width: 100%;

        margin: 5px auto;

        text-align: center;

        text-shadow: 0 0 0;

    }

    #header .phone,#header .info {

        float: none;

        display: block;

        text-align: center;

        padding: 5px 10px;

    }

    #header .info .link,#header .info .date {

        float: none;

        display: inline-block;

        vertical-align: top;

    }

    #header .info .date a {float: left;}

    #nav {padding: 0px 10px 0px;}

    #nav > ul {

        max-width: 100%;

        padding: 0;

    }

    #main {margin: 0 auto;

    max-width: 100%;

    padding: 0;}

    .slideshow, .slideshow .mask,.slideshow .slide {max-width: 100%;}

    .intro .services,.intro .partners {

        float: none;

        width: auto;

        margin: 0 0 20px;

    }

    .intro .partners .mask-holder {padding: 0;}

    .intro .partners .mask,.intro .partners .slide {

        max-width: 332px;

        width: 100%;

    }

    .intro .btn-more {float: left;}

    .panel .panel-holder {

        padding: 10px 20px;

    }

    .panel .box:first-child,.panel .box:last-child {

        width: 100%;

        padding: 20px 0 0;

        border: 0;

    }

    .panel .icon {

        position: static;

    }

    .panel .link {

        float: none;

        display: inline-block;

        vertical-align: top;

    }

    .three-columns {

        padding: 30px 15px;

    }

    .three-columns .column:first-child,.three-columns .column:last-child {

        width: 100%;

        float: none;

        padding-bottom: 30px;

    }

    #footer,#footer .footer-holder {

        max-width: 100%;

        background: #1a1a1a;

        margin-bottom: 0;

    }

    #footer .footer-info {

        float: none;

        width: auto;

        padding: 0 0 30px;

    }

    #footer .footer-frame {

        padding: 20px 0 30px;

    }

    #footer .footer-info .textbox {

        margin: -94px 0 0 105px;

    }

    #footer .nav {

        text-align: center;

        margin-bottom: 30px;

    }

    #footer .nav li {

        float: none;

        display: inline-block;

        width: 49%;

        margin: 0 0 10px;

        vertical-align: top;

    }

    #footer .nav li a {

        font-size: 12px;

    }

    .ui-panel-inner h2 {

        text-transform: uppercase;

        font-size: 20px;

        margin: 30px 0 10px;

    }

    .ui-panel-inner ul {

        padding: 0;

        margin: 0;

        list-style: none;

    }

    .ui-panel-inner ul li a em {

        font-style: normal;

    }

    html .ui-panel-inner ul li a {

        font-size: 18px;

        display: block;

        padding: 10px 10px 8px;

        background: #333;

        margin-bottom: 1px;

        text-shadow: 0 0 0;

        text-decoration: none;

    }

    html .ui-panel-inner ul li a:hover {

        color: #fff;

    }

    .ui-page-theme-a .ui-body-inherit {

        background: #e6e6e6;

    }

    .slideshow .title {

        right: initial;

        left: 0;

        width: 80%;

        padding: 10px 15px;

    }

    .twocolumns {padding: 20px 15px 40px;}

    .grow p {float: none!important;margin: 0 0 30px!important;}

    #content, #sidebar,#sidebar .sidebar-frame {

        float: none;

        width: auto;

        max-width: 100%;

        margin: 0 0 20px;

        padding: 0;

    }

    #content .head h1,.form-search {

        float: none;

        display: inline-block;

        clear: both;

    }

    .featured-business .featured-content {

        float: none;

        max-width: 100%;

        padding: 0;

        margin: 0 0 20px;

        width: 768px;

    }

    .featured-business {background-size: contain;}

    .featured-business .holder {

        background: #f3ebe2;

        border: 1px solid #a59db4;

        border-radius: 14px;

    }

    .featured-business .frame {

        background: none;

        padding: 10px;

    }

    .featured-business h2 {

        max-width: 100%;

        margin: -10px 0 10px -10px;

        padding: 0 10px;

        border-radius: 10px;

    }

    .featured-business .slideshow, .featured-business .slideshow .mask, .featured-business .slideshow .slide {

        max-width: 100%;

        width: 768px;

    }

    .featured-business .slide .aligncenter {

        height: auto!important;

        width: 100%!important;

    }

    .featured-business .slide .info {

        float: none;

        width: auto;

        padding: 0;

    }

    .featured-business h2 {

        max-width: 100%;

        margin: -30px 0 20px -10px;

        padding: 0 10px;

        border-radius: 10px;

    }

    #content .widget .aligncenter {

        width: 100%;

        height: auto;

    }

    #content .widget h2 {

        max-width: 100%;

        height: auto;

        background: #fff;

        border: 1px solid #d2d0e0;

        border-radius: 10px;

        margin: 0 0 10px -16px;

        padding: 0 14px;

    }

    #content .widget .info {

        float: none;

        width: auto;

        margin-bottom: 30px;

    }

    .breadcrumbs {padding: 5px 15px;display: none;}

    #sidebar h2 {margin: 30px 0 0px;}

    #CatPanel ul.sidenav {

        margin: 10px 0 0;

    }

    #CatPanel ul.sidenav li a {

        font-size: 14px;

        display: block;

        float: none;

        transition: all 0.5s ease-in-out;

    }

    #CatPanel ul.sidenav li {

        padding: 0;

    }

    #CatPanel ul.sidenav li:first-child,#CatPanel ul.sidenav li:nth-child(2) {

        display: none;

    }

    #CatPanel ul.sidenav li a:hover {

        padding: 10px 10px 8px;

    }

    .ui-panel-page-container:before {

        background: rgba(0,0,0,0.8);

        content: '';

        position: fixed;

        width: 100%;

        height: 100%;

        z-index: 99;

    }

    #content .head h1 {

        padding: 5px 5px 3px;

    }

    h2.title {line-height: 1em;}

    .cat-search form.catform {left: 0;}

    #content .widget .block-holder {

        background: rgb(255,255,255); /* Old browsers */

        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(218,250,240,1) 86%, rgba(218,250,240,1) 100%); /* FF3.6-15 */

        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(218,250,240,1) 86%,rgba(218,250,240,1) 100%); /* Chrome10-25,Safari5.1-6 */

        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(218,250,240,1) 86%,rgba(218,250,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dafaf0',GradientType=0 ); /* IE6-9 */

        border: 1px solid #d2d0e0;

        border-radius: 12px;

    }

    #content .widget {

        background: none;

    }

    #content .widget .block-frame {

        border: 0px;

    }

    #sidebar .sidenav li {

        display: inline-block;

        padding: 3px 5px;

        background: #ccc;

    }

    #sidebar .sidenav {

        margin: 10px 0 0;

    }

    .ui-page-theme-a #myPanel.ui-body-inherit {position: fixed;}

}

@media (max-width: 906px) {

    .featured-business .slideshow, .featured-business .slideshow .mask, .featured-business .slideshow .slide {

        width: 768px;

    }

}

@media (max-width: 768px) {

    .featured-business .slideshow, .featured-business .slideshow .mask, .featured-business .slideshow .slide {

        width: 716px;

    }

    strong.logo {

        padding: 0;

        margin: 0 2px;

        background-size: 100%;

        background-position: 0;

        width: auto;

    }



    #header .logoarea {

        height: auto;

        padding: 0 0 5px;

    }

    .bx-wrapper img {

        height: auto;

    }

    .slideshow .title {

        bottom: 0;

        width: 97%;

        padding: 8px 12px;

        font-size: 16px;

        line-height: 24px;

        background: rgba(0, 0, 0, 0.83);

        display: block;

    }

    .intro {padding: 10px;}

    .intro .services .head {padding: 122px 0 10px 25px;}

    .intro .txt-grow {left: -25px;}

    .intro .services .logo {left: 42px;}

    .intro .services-content {padding: 15px 0 0 5px;}

    .three-columns .column-holder {padding: 0 0 0 10px;}

    .three-columns .column-frame, .three-columns .box, .three-columns .box .alignleft {

        float: none;

    }

    .three-columns .box .textbox {margin: 0 0 20px;}

    .reviews img {max-width: 100%;height: auto;}

    #footer .logo {max-width: 100%;height: 75px;}

    #footer .footer-info .textbox {margin: 0;padding: 0;text-align: center;}

    .pricing {width: 100%;}

}

@media (max-width: 736px) {

    .featured-business .slideshow, .featured-business .slideshow .mask, .featured-business .slideshow .slide {

        width: 615px;

    }

}

@media (max-width: 667px) {

    .featured-business .slideshow, .featured-business .slideshow .mask, .featured-business .slideshow .slide {

        width: 615px;

    }

}

@media (max-width: 640px) {

    .featured-business .slideshow, .featured-business .slideshow .mask, .featured-business .slideshow .slide {

        width: 585px;

    }

}

@media (max-width: 601px) {

    .featured-business .slideshow, .featured-business .slideshow .mask, .featured-business .slideshow .slide {

        width: 545px;

    }

}

@media (max-width: 568px) {

    .featured-business .slideshow, .featured-business .slideshow .mask, .featured-business .slideshow .slide {

        width: 515px;

    }

    .bx-wrapper .bx-viewport ul.bxslider li {height: 320px;}

}

@media (max-width: 480px) {

    .featured-business .slideshow, .featured-business .slideshow .mask, .featured-business .slideshow .slide {

        width: 425px;

    }

}

@media (max-width: 375px) {

    .featured-business .slideshow, .featured-business .slideshow .mask, .featured-business .slideshow .slide {

        width: 320px;

    }

}

@media (max-width: 360px) {

    .featured-business .slideshow, .featured-business .slideshow .mask, .featured-business .slideshow .slide {

        width: 305px;

    }

}

@media (max-width: 320px) {

    .featured-business .slideshow, .featured-business .slideshow .mask, .featured-business .slideshow .slide {

        width: 265px;

    }

}