/* Main menu section
**********************************************************/
@media (max-width: 1220px) {

    .menu-primary-navigation>li>a>i {
        font-size: 24px;
    }

    .menu-primary-navigation > li.has-icon > a > .desc {
        padding-left: 40px;
    }

    .menu-primary-navigation ul.dropdown li ul.dropdown {
        left: auto;
        right: 100%;
        top: -1px;
    }

}
@media (max-width: 1100px) {

    .menu-primary-navigation>li.has-submenu>a {
        padding-right: 15px;
    }
}
@media (min-width: 769px) and (max-width: 940px) {

    .menu-primary-navigation>li.has-icon>a {
        padding-left: 10px;
    }
    .menu-primary-navigation>li>a>i{
        display: none;
    }
}
@media (min-width: 769px) and (max-width: 820px) {
    .menu-primary-navigation>li>a {
        font-size: 13px;
    }
}

@media (max-width: 769px) {

    .site-header .header-inside .logo, .site-header .header-inside .main-nav {
        width: 100%;
    }

    .menu-primary-navigation {
        width: 100%;
        margin-bottom: 20px;
    }

    .menu-primary-navigation > li > a{
        min-height: 0
    }

    .menu-primary-navigation > li.has-icon > a > .desc {
        padding-left: 40px;
    }

    .megamenu-content .large-6 {
        width: 50%;
    }

    .menu-primary-navigation > li{
        display: none;
        text-align: left;
        width: 100%;
        border-bottom: 1px solid #f5f5f5;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .menu-primary-navigation > li > a{
        padding: 8px 25px 5px;
        margin-bottom: 0;
    }
    .menu-primary-navigation > li > a{
        width: 90%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .menu-primary-navigation ul.dropdown,
    .menu-primary-navigation ul.dropdown li ul.dropdown{
        width: 100% !important;
        left: 0;
        position: static !important;
        overflow: hidden;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .menu-primary-navigation ul.dropdown > li > a{
        padding-left: 40px !important;
    }
    .menu-primary-navigation > li > .megamenu{
        width: 100% !important;
        position: static;
        border-top: none;
    }
    .menu-primary-navigation > li > .megamenu .row [class*="col"]{
        float: none;
        display: block;
        width: 100% !important;
        margin-left: 0;
        margin-top: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .menu-primary-navigation > li > .megamenu .row:first-child  [class*="col"]:first-child {
        margin-top: 0;
    }
    .menu-primary-navigation > li > .megamenu .row{
        margin-top: 0;
    }
    .menu-primary-navigation > li > ul.dropdown > li > a{ padding-left: 40px !important; }
    .menu-primary-navigation > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 60px !important; }
    .menu-primary-navigation > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 80px !important; }
    .menu-primary-navigation > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 100px !important; }

}


@media (min-width: 800px) and (max-width: 940px) {
	.menu-primary-navigation > li.has-icon > a > .desc {
		padding-left: 0;
	}
	}

@media (min-width: 768px) and (max-width: 900px) {
    .menu-primary-navigation > li > .megamenu{
        width: 100% !important;
        left: 0 !important;
    }
}
@media only screen and (max-width: 480px) {
    .megamenu-content .large-6 {
        width: 100%;
    }
    #header.fixed {
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .orbit.orbit-stack-on-small img.fluid-placeholder {
        visibility: visible
    }

    .orbit.orbit-stack-on-small .orbit-slide {
        position: static;
        margin-bottom: 10px
    }
}

@media print {
    .reveal-modal {
        border: solid 1px #000;
        background: #fff
    }
}

.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge, .show-for-print {
    display: none !important
}

.hide-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .hide-for-xlarge, .hide-for-print {
    display: inherit !important
}

@media only screen and (min-width: 1441px) {
    .hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge {
        display: inherit !important
    }

    .show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge {
        display: none !important
    }
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
    .hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
        display: inherit !important
    }

    .show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {
        display: none !important
    }
}

@media only screen and (max-width: 767px) {
    .show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
        display: inherit !important
    }

    .hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {
        display: none !important
    }
}

.show-for-landscape, .hide-for-portrait {
    display: inherit !important
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

@media screen and (orientation: landscape) {
    .show-for-landscape, .hide-for-portrait {
        display: inherit !important
    }

    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation: portrait) {
    .show-for-portrait, .hide-for-landscape {
        display: inherit !important
    }

    .hide-for-portrait, .show-for-landscape {
        display: none !important
    }
}

.show-for-touch {
    display: none !important
}

.hide-for-touch {
    display: inherit !important
}

.touch .show-for-touch {
    display: inherit !important
}

.touch .hide-for-touch {
    display: none !important
}

table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium {
    display: table !important
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
    .touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium {
        display: table !important
    }
}

@media only screen and (max-width: 767px) {
    table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small {
        display: table !important
    }
}

@media only screen and (max-device-width: 1280px) {
    .touch .nav-bar li.has-flyout>a {
        padding-right: 36px !important
    }

    }

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
    .flex-video {
        padding-top: 0
    }
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
    .touch .nav-bar li a {
        font-size: 11px
    }

    .touch .nav-bar li.has-flyout>a.flyout-toggle {
        padding: 20px !important
    }

    .touch .nav-bar li.has-flyout>a {
        padding-right: 36px !important
    }

    .clearing-main-right, .clearing-main-left {
        height: 100%;
        width: 40px;
        top: 0;
        border: none
    }

    .clearing-main-right:before, .clearing-main-left:before {
        position: absolute;
        top: 50%
    }

    .clearing-main-left {
        left: 0
    }

    .clearing-main-left:before {
        left: 5px;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 16px;
        border-color: transparent #fff transparent transparent
    }

    .clearing-main-right {
        height: 100%;
        right: 0
    }

    .clearing-main-right:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 16px;
        border-color: transparent transparent transparent #fff
    }
}

@media only screen and (max-width: 767px) {
    .left, .right {
        float: none
    }

    body {
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0
    }

    .row {
        width: auto;
        min-width: 0;
        margin-left: 0;
        margin-right: 0
    }

    .column, .columns {
        width: auto !important;
        float: none
    }

    .column:before, .columns:before, .column:after, .columns:after {
        content: "";
        display: table
    }

    .column:after, .columns:after {
        clear: both
    }

    .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten {
        margin-left: 0 !important
    }

    .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten {
        left: auto
    }

    .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten {
        right: auto
    }

    .row .mobile-one {
        width: 25% !important;
        float: left;
        padding: 0 10px
    }

    .row .mobile-one:last-child {
        float: right
    }

    .row .mobile-one.end {
        float: left
    }

    .row.collapse .mobile-one {
        padding: 0
    }

    .row .mobile-two {
        width: 50% !important;
        float: left;
        padding: 0 10px
    }

    .row .mobile-two:last-child {
        float: right
    }

    .row .mobile-two.end {
        float: left
    }

    .row.collapse .mobile-two {
        padding: 0
    }

    .row .mobile-three {
        width: 75% !important;
        float: left;
        padding: 0 10px
    }

    .row .mobile-three:last-child {
        float: right
    }

    .row .mobile-three.end {
        float: left
    }

    .row.collapse .mobile-three {
        padding: 0
    }

    .row .mobile-four {
        width: 100% !important;
        float: left;
        padding: 0 10px
    }

    .row .mobile-four:last-child {
        float: right
    }

    .row .mobile-four.end {
        float: left
    }

    .row.collapse .mobile-four {
        padding: 0
    }

    .push-one-mobile {
        left: 25%
    }

    .pull-one-mobile {
        right: 25%
    }

    .push-two-mobile {
        left: 50%
    }

    .pull-two-mobile {
        right: 50%
    }

    .push-three-mobile {
        left: 75%
    }

    .pull-three-mobile {
        right: 75%
    }

    .block-grid.mobile>li {
        float: none;
        width: 100%;
        margin-left: 0
    }

    .block-grid>li {
        clear: none
    }

    .block-grid.mobile-one-up>li {
        width: 100%
    }

    .block-grid.mobile-two-up>li {
        width: 50%
    }

    .block-grid.mobile-two-up>li:nth-child(2n+1) {
        clear: both
    }

    .block-grid.mobile-three-up>li {
        width: 33.33333%
    }

    .block-grid.mobile-three-up>li:nth-child(3n+1) {
        clear: both
    }

    .block-grid.mobile-four-up>li {
        width: 25%
    }

    .block-grid.mobile-four-up>li:nth-child(4n+1) {
        clear: both
    }

    .block-grid.mobile-five-up>li {
        width: 20%
    }

    .block-grid.mobile-five-up>li:nth-child(5n+1) {
        clear: both
    }

    .block-grid.mobile-six-up>li {
        width: 16.66667%
    }

    .block-grid.mobile-six-up>li:nth-child(6n+1) {
        clear: both
    }

    .block-grid.mobile-seven-up>li {
        width: 14.28571%
    }

    .block-grid.mobile-seven-up>li:nth-child(7n+1) {
        clear: both
    }

    .block-grid.mobile-eight-up>li {
        width: 12.5%
    }

    .block-grid.mobile-eight-up>li:nth-child(8n+1) {
        clear: both
    }

    .block-grid.mobile-nine-up>li {
        width: 11.11111%
    }

    .block-grid.mobile-nine-up>li:nth-child(9n+1) {
        clear: both
    }

    .block-grid.mobile-ten-up>li {
        width: 10%
    }

    .block-grid.mobile-ten-up>li:nth-child(10n+1) {
        clear: both
    }

    .block-grid.mobile-eleven-up>li {
        width: 9.09091%
    }

    .block-grid.mobile-eleven-up>li:nth-child(11n+1) {
        clear: both
    }

    .block-grid.mobile-twelve-up>li {
        width: 8.33333%
    }

    .block-grid.mobile-twelve-up>li:nth-child(12n+1) {
        clear: both
    }

    label.right {
        text-align: left
    }

    input[type="text"].one, .row input[type="text"].one, input[type="password"].one, .row input[type="password"].one, input[type="date"].one, .row input[type="date"].one, input[type="datetime"].one, .row input[type="datetime"].one, input[type="email"].one, .row input[type="email"].one, input[type="number"].one, .row input[type="number"].one, input[type="search"].one, .row input[type="search"].one, input[type="tel"].one, .row input[type="tel"].one, input[type="time"].one, .row input[type="time"].one, input[type="url"].one, .row input[type="url"].one, textarea.one, .row textarea.one {
        width: 100% !important
    }

    input[type="text"].two, .row input[type="text"].two, input[type="password"].two, .row input[type="password"].two, input[type="date"].two, .row input[type="date"].two, input[type="datetime"].two, .row input[type="datetime"].two, input[type="email"].two, .row input[type="email"].two, input[type="number"].two, .row input[type="number"].two, input[type="search"].two, .row input[type="search"].two, input[type="tel"].two, .row input[type="tel"].two, input[type="time"].two, .row input[type="time"].two, input[type="url"].two, .row input[type="url"].two, textarea.two, .row textarea.two {
        width: 100% !important
    }

    input[type="text"].three, .row input[type="text"].three, input[type="password"].three, .row input[type="password"].three, input[type="date"].three, .row input[type="date"].three, input[type="datetime"].three, .row input[type="datetime"].three, input[type="email"].three, .row input[type="email"].three, input[type="number"].three, .row input[type="number"].three, input[type="search"].three, .row input[type="search"].three, input[type="tel"].three, .row input[type="tel"].three, input[type="time"].three, .row input[type="time"].three, input[type="url"].three, .row input[type="url"].three, textarea.three, .row textarea.three {
        width: 100% !important
    }

    input[type="text"].four, .row input[type="text"].four, input[type="password"].four, .row input[type="password"].four, input[type="date"].four, .row input[type="date"].four, input[type="datetime"].four, .row input[type="datetime"].four, input[type="email"].four, .row input[type="email"].four, input[type="number"].four, .row input[type="number"].four, input[type="search"].four, .row input[type="search"].four, input[type="tel"].four, .row input[type="tel"].four, input[type="time"].four, .row input[type="time"].four, input[type="url"].four, .row input[type="url"].four, textarea.four, .row textarea.four {
        width: 100% !important
    }

    input[type="text"].five, .row input[type="text"].five, input[type="password"].five, .row input[type="password"].five, input[type="date"].five, .row input[type="date"].five, input[type="datetime"].five, .row input[type="datetime"].five, input[type="email"].five, .row input[type="email"].five, input[type="number"].five, .row input[type="number"].five, input[type="search"].five, .row input[type="search"].five, input[type="tel"].five, .row input[type="tel"].five, input[type="time"].five, .row input[type="time"].five, input[type="url"].five, .row input[type="url"].five, textarea.five, .row textarea.five {
        width: 100% !important
    }

    input[type="text"].six, .row input[type="text"].six, input[type="password"].six, .row input[type="password"].six, input[type="date"].six, .row input[type="date"].six, input[type="datetime"].six, .row input[type="datetime"].six, input[type="email"].six, .row input[type="email"].six, input[type="number"].six, .row input[type="number"].six, input[type="search"].six, .row input[type="search"].six, input[type="tel"].six, .row input[type="tel"].six, input[type="time"].six, .row input[type="time"].six, input[type="url"].six, .row input[type="url"].six, textarea.six, .row textarea.six {
        width: 100% !important
    }

    input[type="text"].seven, .row input[type="text"].seven, input[type="password"].seven, .row input[type="password"].seven, input[type="date"].seven, .row input[type="date"].seven, input[type="datetime"].seven, .row input[type="datetime"].seven, input[type="email"].seven, .row input[type="email"].seven, input[type="number"].seven, .row input[type="number"].seven, input[type="search"].seven, .row input[type="search"].seven, input[type="tel"].seven, .row input[type="tel"].seven, input[type="time"].seven, .row input[type="time"].seven, input[type="url"].seven, .row input[type="url"].seven, textarea.seven, .row textarea.seven {
        width: 100% !important
    }

    input[type="text"].eight, .row input[type="text"].eight, input[type="password"].eight, .row input[type="password"].eight, input[type="date"].eight, .row input[type="date"].eight, input[type="datetime"].eight, .row input[type="datetime"].eight, input[type="email"].eight, .row input[type="email"].eight, input[type="number"].eight, .row input[type="number"].eight, input[type="search"].eight, .row input[type="search"].eight, input[type="tel"].eight, .row input[type="tel"].eight, input[type="time"].eight, .row input[type="time"].eight, input[type="url"].eight, .row input[type="url"].eight, textarea.eight, .row textarea.eight {
        width: 100% !important
    }

    input[type="text"].nine, .row input[type="text"].nine, input[type="password"].nine, .row input[type="password"].nine, input[type="date"].nine, .row input[type="date"].nine, input[type="datetime"].nine, .row input[type="datetime"].nine, input[type="email"].nine, .row input[type="email"].nine, input[type="number"].nine, .row input[type="number"].nine, input[type="search"].nine, .row input[type="search"].nine, input[type="tel"].nine, .row input[type="tel"].nine, input[type="time"].nine, .row input[type="time"].nine, input[type="url"].nine, .row input[type="url"].nine, textarea.nine, .row textarea.nine {
        width: 100% !important
    }

    input[type="text"].ten, .row input[type="text"].ten, input[type="password"].ten, .row input[type="password"].ten, input[type="date"].ten, .row input[type="date"].ten, input[type="datetime"].ten, .row input[type="datetime"].ten, input[type="email"].ten, .row input[type="email"].ten, input[type="number"].ten, .row input[type="number"].ten, input[type="search"].ten, .row input[type="search"].ten, input[type="tel"].ten, .row input[type="tel"].ten, input[type="time"].ten, .row input[type="time"].ten, input[type="url"].ten, .row input[type="url"].ten, textarea.ten, .row textarea.ten {
        width: 100% !important
    }

    input[type="text"].eleven, .row input[type="text"].eleven, input[type="password"].eleven, .row input[type="password"].eleven, input[type="date"].eleven, .row input[type="date"].eleven, input[type="datetime"].eleven, .row input[type="datetime"].eleven, input[type="email"].eleven, .row input[type="email"].eleven, input[type="number"].eleven, .row input[type="number"].eleven, input[type="search"].eleven, .row input[type="search"].eleven, input[type="tel"].eleven, .row input[type="tel"].eleven, input[type="time"].eleven, .row input[type="time"].eleven, input[type="url"].eleven, .row input[type="url"].eleven, textarea.eleven, .row textarea.eleven {
        width: 100% !important
    }

    input[type="text"].twelve, .row input[type="text"].twelve, input[type="password"].twelve, .row input[type="password"].twelve, input[type="date"].twelve, .row input[type="date"].twelve, input[type="datetime"].twelve, .row input[type="datetime"].twelve, input[type="email"].twelve, .row input[type="email"].twelve, input[type="number"].twelve, .row input[type="number"].twelve, input[type="search"].twelve, .row input[type="search"].twelve, input[type="tel"].twelve, .row input[type="tel"].twelve, input[type="time"].twelve, .row input[type="time"].twelve, input[type="url"].twelve, .row input[type="url"].twelve, textarea.twelve, .row textarea.twelve {
        width: 100% !important
    }

    .button {
        display: block
    }

    input[type="submit"].button, input[type="reset"].button {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .button-group button.button, .button-group input[type="submit"].button {
        width: auto;
        padding: 5px 10px 6px
    }

    .button-group button.button.large, .button-group input[type="submit"].button.large {
        padding: 10px 20px 11px
    }

    .button-group button.button.medium, .button-group input[type="submit"].button.medium {
        padding: 5px 10px 6px
    }

    .button-group button.button.small, .button-group input[type="submit"].button.small {
        padding: 2px 4px 3px
    }

    .button-group button.button.tiny, .button-group input[type="submit"].button.tiny {
        padding: 0px 0px 1px
    }

    .button-group.even button.button, .button-group.even input[type="submit"].button {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .nav-bar {
        height: auto
    }

    .nav-bar>li {
        float: none;
        display: block;
        border-right: none
    }

    .nav-bar>li>a.main {
        text-align: left;
        border-top: 1px solid #ddd;
        border-right: none
    }

    .nav-bar>li:first-child>a.main {
        border-top: none
    }

    .nav-bar>li.has-flyout>a.flyout-toggle {
        position: absolute;
        right: 0;
        top: 0;
        padding: 22px;
        z-index: 2;
        display: block
    }

    .nav-bar>li.has-flyout.is-touch>a.flyout-toggle span {
        content: "";
        width: 0;
        height: 0;
        display: block
    }

    .nav-bar>li.has-flyout>a.flyout-toggle:hover span {
        border-top-color: #141414
    }

    .nav-bar.vertical>li.has-flyout>.flyout {
        left: 0
    }

    .flyout {
        position: relative;
        width: 100% !important;
        top: auto;
        margin-right: -2px;
        border-width: 1px 1px 0 1px
    }

    .flyout.right {
        float: none;
        right: auto;
        left: -1px
    }

    .flyout.small, .flyout.large {
        width: 100% !important
    }

    .flyout p:last-child {
        margin-bottom: 18px
    }

    .reveal-modal-bg {
        position: absolute
    }

    .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge {
        width: 80%;
        top: 15px;
        left: 50%;
        margin-left: -40%;
        padding: 20px;
        height: auto
    }

    .clearing-container {
        margin: 0
    }

    .clearing-close {
        z-index: 99;
        font-size: 31px;
        top: 0px;
        right: 5px
    }

    .clearing-caption {
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 10px !important;
        line-height: 1.3
    }

    .clearing-main-right, .clearing-main-left {
        display: none
    }

    .clearing-blackout.clearing-assembled .visible-img, .clearing-blackout.clearing-assembled .clearing-container {
        height: 100%
    }

    .clearing-blackout.clearing-assembled ul[data-clearing] {
        display: none
    }

    .joyride-tip-guide {
        width: 95% !important;
        left: 2.5% !important;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px
    }

    .joyride-tip-guide-wrapper {
        width: 100%
    }

    .tabs.mobile {
        width: auto;
        margin: 20px -20px 40px;
        border-bottom: solid 1px #ccc;
        height: auto;
        margin: 20px -15px 0px -15px
    }

    .tabs.mobile dt, .tabs.mobile li, .tabs.mobile dd {
        float: none;
        height: auto
    }

    .tabs.mobile dd a, .tabs.mobile li a {
        font-size: 13px;
        display: block;
        width: auto;
        height: auto;
        padding: 18px 20px;
        margin: 0;
        color: #555;
        line-height: 1;
        border: none;
        border-left: none;
        border-right: none;
        border-top: 1px solid #ccc;
        background: #fff
    }

    .tabs.mobile dd a.active, .tabs.mobile li a.active {
        border: none;
        margin: 0;
        position: static;
        top: 0;
        height: auto
    }

    .tabs.mobile dd:first-child a.active, .tabs.mobile li:first-child a.active {
        margin: 0
    }

    .tabs.mobile+.tabs-content.contained {
        margin-left: -15px;
        margin-right: -15px
    }

    .tabs.mobile .section-title {
        padding-left: 20px !important
    }

    .contained.mobile {
        margin-bottom: 0
    }

    .contained.tabs.mobile dd a, .contained.tabs.mobile li a {
        padding: 18px 20px
    }

    .tabs.mobile+ul.contained {
        margin-left: -20px;
        margin-right: -20px;
        border-width: 0 0 1px 0
    }

    .tooltip {
        font-size: 14px;
        line-height: 1.4;
        padding: 7px 10px 9px 10px;
        left: 50% !important;
        max-width: 80% !important;
        margin-left: -40%;
        font-size: 110%
    }

    .tooltip>.nub, .tooltip.top>.nub, .tooltip.left>.nub, .tooltip.right>.nub {
        border-color: transparent transparent #000 transparent;
        border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
        top: -12px;
        left: 10px
    }
}

@media only screen and (max-width: 940px) {
    .top-bar {
        margin-bottom: 0;
        overflow: hidden;
        height: 45px;
        background: #222
    }

    .top-bar .js-generated {
        display: block
    }

    .contain-to-grid .top-bar {
        width: auto
    }

    .top-bar section {
        left: 0;
        position: relative;
        width: auto;
        -webkit-transition: left 300ms 0;
        -moz-transition: left 300ms 0;
        -o-transition: left 300ms 0;
        transition: left 300ms 0
    }

    .top-bar ul {
        width: 100%;
        height: 100%;
        margin-bottom: 0;
        display: block
    }

    .top-bar ul>li {
        float: none
    }

    .top-bar ul>li.active, .top-bar ul>li:hover {
        background: #151515
    }

    .top-bar ul>li.name {
        height: 45px
    }

    .top-bar ul>li.name h1 {
        line-height: 1
    }

    .top-bar ul>li.name h1 a {
        color: #fff;
        display: block;
        line-height: 45px !important;
        padding-left: 15px;
        height: 45px
    }

    .top-bar ul>li:hover a, .top-bar ul>li.active a {
        color: #fff
    }

    .top-bar ul>li a:not(.button) {
        color: #fff
    }

    .top-bar ul>li.toggle-topbar {
        cursor: pointer;
        display: block;
        height: 45px;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%
    }

    .top-bar ul>li.toggle-topbar a {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 8px;
        border-color: #fff transparent transparent transparent;
        padding: 0;
        position: absolute;
        top: 50%;
        right: 22.5px;
        margin-top: -4px
    }

    .top-bar ul>li.toggle-topbar:hover {
        background: inherit
    }

    .top-bar ul>li.toggle-topbar a {
        padding: 0 !important
    }

    .top-bar ul>li.divider {
        border-bottom: solid 1px #3c3c3c;
        border-top: solid 1px #000;
        clear: both;
        height: 1px !important;
        margin: 8px 0 !important;
        width: 100%
    }

    .top-bar ul>li.search {
        padding: 0 22.5px
    }

    .top-bar ul>li.search form {
        width: 100%
    }

    .top-bar ul>li.search form input[type=text] {
        width: 75%
    }

    .top-bar ul>li.search form .button {
        top: -1px;
        width: 25%
    }

    .top-bar ul>li.has-dropdown a {
        padding-right: 33.75px
    }

    .top-bar ul>li.has-dropdown a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
        margin-right: 15px;
        margin-top: -4.5px;
        position: absolute;
        top: 50%
    }

    .top-bar ul>li.has-dropdown:hover>.dropdown {
        display: block;
        visibility: hidden
    }

    .top-bar ul>li.has-dropdown .dropdown {
        visibility: hidden;
        z-index: 0 !important
    }

    .top-bar ul>li.has-dropdown.moved {
        position: static
    }

    .top-bar ul>li.has-dropdown.moved>.dropdown {
        top: 0;
        visibility: visible
    }

    .top-bar ul>li.has-dropdown.moved>.dropdown li label {
        margin-bottom: 6px;
        padding-top: 6px !important;
        font-size: 9px
    }

    .top-bar ul>li.has-dropdown.moved>.dropdown li:not(.title) {
        padding-bottom: 0
    }

    .top-bar ul>li.has-dropdown.moved>.dropdown li:not(.title) a {
        padding: 8px 22.5px;
        font-size: 12px
    }

    .top-bar ul>li.has-dropdown.moved>.dropdown li a, .top-bar ul>li.has-dropdown.moved>.dropdown li label {
        padding: 0 22.5px
    }

    .top-bar ul>li.has-dropdown.moved>.dropdown li a:hover {
        background: #3c3c3c;
        display: block
    }

    .top-bar ul>li.has-dropdown.moved>.dropdown li.divider {
        border-bottom: solid 1px rgba(255, 255, 255, 0.1);
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }

    .top-bar ul>li.has-dropdown.moved .back.title {
        padding-bottom: 0
    }

    .top-bar ul>li.has-dropdown.moved .back.title a:before {
        position: absolute;
        top: 50%;
        left: 17.5px;
        margin-top: -5px;
        width: 0;
        height: 0;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: transparent #fff transparent transparent
    }

    .top-bar ul>li.has-dropdown.moved .back.title h5 {
        margin: 0;
        padding-left: 15px;
        position: relative
    }

    .top-bar ul>li.has-dropdown.moved .back.title h5 a {
        background: transparent;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 19px;
        font-weight: bold
    }

    .top-bar ul>li.has-dropdown .dropdown li {
        background: transparent
    }

    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown .dropdown {
        left: 100% !important;
        top: 0;
        right: auto !important
    }

    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a {
        padding-right: 33.75px
    }

    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a:after {
        content: "";
        margin-right: 15px;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 50%;
        margin-top: -4.5px
    }

    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a li a:hover {
        background: #3c3c3c
    }

    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown.moved {
        position: static
    }

    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown.moved .dropdown {
        top: 0;
        visibility: visible
    }

    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown:hover {
        display: block
    }

    .top-bar ul.left, .top-bar ul.right {
        float: none;
        width: 100%
    }

    .top-bar ul.left>li, .top-bar ul.right>li {
        display: block;
        float: none;
        margin: 0 !important
    }

    .top-bar ul.left>li.has-dropdown .dropdown, .top-bar ul.right>li.has-dropdown .dropdown {
        left: 100% !important;
        top: 0;
        right: auto !important
    }

    .top-bar section>ul li a:not(.button) {
        padding-left: 22.5px !important
    }

    .top-bar.expanded {
        height: 100%
    }

    .top-bar.expanded ul li.toggle-topbar a {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 8px;
        border-color: transparent transparent #ccc transparent;
        top: auto;
        bottom: 50%;
        margin-bottom: -4px
    }

    .top-bar ul li.has-button {
        padding: 5px 15px
    }

    .top-bar ul li .button.small {
        margin: 0 !important;
        display: inline-block;
        width: 100%
    }

    .top-bar ul>li.has-button a.button {
        margin: 0
    }

}

@media only screen and (min-width: 767px) and (max-width: 1024px) {

    .extra-links{
        display: none !important;
    }
    .widget_crum_recent_desc .widget-title {
        margin-bottom: 5px;
    }
    .widget_crum_recent_desc .desc-text {
        font-size: 11px;
    }

    #header #drop-top-menu .menu > li > .menu-item-wrap{
        padding: 0 20px 0 10px;
    }

}


@media (max-width: 1200px){
	.header-navi-inner {width:100%;}

    .tabs.horisontal dd a, .tabs.horisontal li a {
        font-size: 14px;
        padding: 15px 10px;
    }
}

@media only screen and  (max-width: 1023px){
	.tabs.horisontal dd a, 
	.tabs.horisontal li a {
		height:40px;
		padding:10px 7px;
		font-size:12px;
	}
	.product.type-product .tabs,
	.tabs, .filter,
	.tabs dd, .tabs li, .filter li {
		height:40px;
	}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	#top-menu .link-text {
		font-size: 15px;
	}
	#header .menu .link-desc {
		font-size:12px;
		margin-left:35px;
	}
	.menu-item-wrap:before {
		font-size:28px;
		line-height:1.6;
		margin:0 7px 0 0;
	}
	.feature-box.al-left .icon,
	.feature-box.al-right .icon {
		margin: 0 0 20px;
		float: none;
		text-align:center;
	}
	.feat-block-content {
		overflow:visible;
		clear:both;
	}
	.feat-block-content .ovh {
		overflow:visible;
	}

}
@media only screen and (min-width: 767px) and (max-width: 900px) {
	#header .menu .link-desc {
		display: none;
	}
	.menu-item-wrap:before {
		font-size:20px;
		line-height:2.1;
		margin:0 7px 0 0;
	}
    #top-menu .menu > li {
        width: auto;
        margin-right: 30px;
    }
	#top-menu .menu > li > .menu-item-wrap .link-text {
		font-size:14px;
		margin-top:10px;
		display:inline-block;
	}
	#header .menu > li > .menu-item-wrap {
		padding-bottom:20px;
	}
	.has-submenu > span .link-text {
		padding-right:11px;
	}

    .follow-widget .number{
        font-size: 14px;
    }

    .tabs dd i, .tabs li i {
        font-size: 15px;
        padding-right: 2px;
    }
    .lost_password-link {
        display: none;

    }

}
@media only screen and (max-width : 767px){

    .blog-section #left-sidebar.three,
    .blog-section #main-content.six,
    .blog-section #main-content.nine,
    .blog-section,
    .type-product .images,
    .type-product .summary,
    .blog-section.sidebar-both,
    .blog-section.sidebar-right2,
    .blog-section.sidebar-both2,
    .blog-section.sidebar-both2 #main-content,
    .blog-section.sidebar-both2 #left-sidebar,
    .blog-section.sidebar-left2,
    .sidebar-both #left-sidebar.three,
    .sidebar-both #right-sidebar.three,
    .sidebar-both #main-content.six,
    .sidebar-right2 #left-sidebar.three,
    .sidebar-right2 #main-content.six,
    .sidebar-left2 #main-content.six,
    .sidebar-left2 #right-sidebar.three,
    .sidebar-left #main-content.nine,
    #left-sidebar.three,
    #right-sidebar.three,
    .sidebar-left #right-sidebar {
        width: 100%;
        float: none;
    }
	#header .menu .tile-icon {
		display:none;
	}
	#header .menu .link-desc {
		margin-left:0 !important;
	}
	#portfolio-page .project {
		width:100% !important;
	}
	.recent-block ul.tabs-content.contained > li {
		padding:0 10px;
	}
	#page-title {
		padding-left:0;
	}
	.widget_crum_recent_desc .dopinfo,
	.recent-projects-block .dopinfo,
	.feature-item-box,
	.widget_crum_news_row .small-news,
	.block-news-feature .small-news,
	.widget_crum_galleries_widget .hover{
		padding-bottom: 30px;
		display: block;
	}
	.crum_features_list >.icon,
	.styled-list li {
		display: inline-block;
	}
	.crum_features_list  {
		text-align:center;
	}
	.crum_features_list >.icon {
		margin-bottom: 20px;
	}



    #header #top-menu ul.mega-menu-wrapper {
        max-width: 760%;
    }

    #primary-navigation-866 #pgc-0-0 {
        width: 35%;
    }
    #primary-navigation-866 #pgc-0-1 {
        width: 65%;
    }

    .to-action-block {
        display: block;
        text-align: center;
    }

    .to-action-block .action-button {
        display: block;
        text-align: center;
    }
    .to-action-block .action-button .icon {
        display: inline-block;
        float: none;
    }

}

@media only screen and (max-width: 767px){

	.top-menu-button {
		background:#696a6c url("../img/resp-navi.png") 50% 50% no-repeat;
		display:block;
		width:36px;
		height:28px;
		margin:0 auto;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	.top-menu-button.active {
		background-color:#50b4e6;
	}
	#header {
		text-align:center;
	}
	#logo {
		float: none;
		display: inline-block;
        padding-top: 36px;
	}
	#header #searchform,
	#header .lang-sel,
	#header .phone,
	#header .form-search {
		display: none;
	}

	#header .soc-head-icons {
		float: none;
		margin: 20px 0;
	}
		.recent-block .folio-item {
		width:100%;
		margin-bottom:20px;
	}
	.clients-list {
		display:block;
	}
	.clients-item {
		display:block;
		width:100%;
		border:1px solid #E7E8EA;
		border-top:none;
	}
	.clients-list>.clients-item:first-child {
		border-top:1px solid #E7E8EA;
	}
	.pricetable-column {
		width:100% !important;
	}
	.css3slide-block {
		width:100%;
		float:none;
	}
	.css3slide {
		overflow:hidden;
		padding-right:0;
		margin-bottom:20px;
	}
	.css3slide .entry-thumb {
		width:50%;
	}
	.css3slide-block .post-desc {
		left:auto;
		position:relative;
		padding-left:20px;
		padding-right:0;
		width:50%;
		float:left;
	}
	.css3slide-container .wrapper,
	.css3slide-block:hover {
		margin-right:0;
	}
    .about_author_widget .avatar {
        float: none;
        text-align:center;
    }
    .about_author_widget .avatar img {
        display:inline-block;
    }

    .about_author_widget .text {
        padding: 5px 0 0 35px;
        margin: 0;
        position: relative;
        border-left: none;
    }
}

@media only screen and (max-width : 320px) {
    #page-title {padding: 0;}
    #page-title a {
        display: block;
        float: left;}
    #page-title .page-title-inner {display: block;}
}

@media only screen and (max-width : 360px) {
    .pp_hoverContainer,
    .pp_pic_holder {
        width: 260px !important;

    }
    .pp_pic_holder {
        left: 60px !important;
    }

    .pp_content, .pp_details {
        width: 230px !important;
    }

    .pp_content {
        height: 220px !important;
    }

    #fullResImage {
        width: 230px !important;
        height: auto !important;
    }
}

@media only screen and (max-width : 320px) {
    .pp_pic_holder {
        left: 35px !important;
    }

    .pp_content {
        height: 230px !important;
    }
}


@media only screen and (max-width: 540px){
	.css3slide-block .post-desc,
	.css3slide .entry-thumb {
		width:100%;
		float:none;
		margin-bottom:20px;
	}

}
@media ( max-width: 40em ) /* 640px */ {
    #grid-posts article.small-news,  #grid-folio .project {
        width: 46.876%; /* 305px */
        margin-bottom: 0.938em; /* 15px */
    }
}

@media ( max-width: 25em ) /* 640px */ {
    #grid-posts, #grid-folio {
        width: 100%;
        margin-left: 0;
    }

    #grid-posts article.small-news,  #grid-folio .project {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}


/*Sliders styles*/

/* Smartphones (portrait and landscape) ----------- */




@media only screen
and (max-width : 480px) {
    a.button.text-button {
        padding: 3px 5px;
        font-size: 5px;
    }
	.item .description .title {
		display: none;
	}

	.item .info {padding-top: 14px;}

	.item:hover .sl-item-title .icon {display: block;}
	
	ul.products li.product {width: 100%;}
	
}
@media only screen
and (max-width : 780px) {
    a.button.text-button {
        padding: 5px 10px;
        font-size: 10px;
    }
    .item .description:hover .sl-item-title{
        bottom: 20px !important;

    }
    .item .description .title {
        font-size: 13px;
        line-height: 14px;
        font-weight: 700;
    }
    .item .description .sl-description p{
        display: none;
    }
    .item .description .sl-description {
        top: 0;
        left: 0;
    }
    .item .description .text-button {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        text-indent: -1000em;
        border: none;
        padding: 0;
        margin: 0;
        z-index: 100;
        background: none;
        opacity: 1;
    }
}
@media only screen
and (max-width : 550px) {
    .ls-layer a.button.text-button {
        padding: 2px 10px;
        font-size: 9px;
    }
  }

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
    .ls-layer a.button.text-button {
        padding: 6px 13px;
        font-size: 11px;
    }
    .item .description .title {
        font-size: 13px;
        line-height: 14px;
        font-weight: 700;
    }
    .item .description .sl-description p{
        line-height: 1.3;
        font-size: 11px;
    }
}


/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
    .ls-layer a.button.text-button {
        padding: 7px 18px;
        font-size: 12px;
    }
    .item .description:hover .sl-item-title{
        top: 10%;

    }
    .item .description .title {
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
    }
    .item .description .sl-description  {
        line-height: 1.3;
        font-size: 11px;
    }
}

@media only screen
and (max-width : 840px) {
    .item .description .sl-description p{
        display: none;
    }
    .item .description .text-button {
        margin-top: 10px;
    }
}

/* iPads (portrait) ----------- */
@media only screen
and (min-width : 1024px){
    .ls-layer a.button.text-button {
        padding: 8px 20px;
        font-size: 13px;
    }

}
@media only screen
and (min-width : 1024px)
and (max-width : 1124px)
{

    .item .description .sl-description  {
        line-height: 1.3;
        font-size: 12px;
    }
}


/*-----------------------------------------Styles for BuddyPress-----------------------------------------*/

@media only screen and (max-width : 320px) {
#buddypress div.activity-meta a {
	padding: 8px ;
	width: 31%;
	float: left;
	line-height: 1;}

	#buddypress div.dir-search {
		position: relative;
		top: 72px;
		left: 155px;
	}

	#buddypress .dir-search #members_search_submit {
		position: absolute;
		top: 0;
		right: 0;
	}

	#buddypress div.item-list-tabs#subnav ul li.last {
		top: -34px;
	}

	#buddypress div.item-list-tabs ul li.last select {
		max-width: 146px;
		float: right;
	}
	.about_author_widget .text {
		padding: 0;
		margin: 0;
		position: relative;
		border-left: none;
	}
	.about_author_widget .avatar {
		float: none;
	}


	}

@media only screen and (min-width: 321px) and  (max-width : 800px) {

	#buddypress div.activity-meta a {float: left;}

	#buddypress div.item-list-tabs#subnav ul li.last {
		top: -34px;
	}

	#buddypress div.dir-search input[type="text"] {
		width: 100%;
	}

@media only screen and (min-width: 768px) and  (max-width : 800px) {
#pg-2491-0 .panel-grid-cell {
	width: 100%;
	margin-top: 20px;
}

}
}

@media only screen and (max-width: 580px) {

    #grid-posts article.post.small-news {
        width: 100% !important;
        position: static !important;
    }

	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		width: 100% !important;
	}

	.woocommerce ul.products li.product > a, .woocommerce-page ul.products li.product > a {
		width: 280px;
		margin: 0 auto;
	}

    }

.wpb_content_element .wpb_tabs_nav li {
	white-space: normal !important;
}