/* ----------------------------------------------------------------

	Responsive CSS

-----------------------------------------------------------------*/





/*

Large devices

Desktops (≥1200px) 

*/



@media (min-width: 1240px) {

    .rev_slider_wrapper {

        min-height: 600px;

    }

    body.boxed .wrapper,

    body.boxed-simple .wrapper {

        float: none;

        width: 1220px;

        margin: 0 auto;

    }

    body.boxed-simple .wrapper {

        margin-top: 40px;

        margin-bottom: 40px;

        padding: 20px;

    }

}

@media (max-width: 1240px) {

    #header.header-modern {

        width: 1180px;

    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .post-3-columns .post-item,

    .post-4-columns .post-item,

    .post-5-columns .post-item,

    .post-6-columns .post-item {

        width: 31.3333%;

        margin-right: 2%;

    }

    #header.header-modern {

        width: 998px;

    }

    .news-section-wrapper {

        padding: 0 40px

    }

    .inspiro-slider .slide-captions h1,

    .inspiro-slider .slide-captions h2 {

        font-size: 56px;

        line-height: 56px;

    }

}



/*

Medium devices

Desktops (≥992px)

*/



@media (max-width: 991px) {

    .wrapper {

        width: 100%;

        margin: 0;

    }

    body.wide #header.header-fullwidth #header-wrap .container {

        padding: 0 15px;

        width: 750px;

    }

    #topbar.topbar-dark {

        background-color: #101010 !important;

    }

    #topbar .topbar-dropdown {

        font-size: 12px;

    }

    #topbar .topbar-dropdown .title {

        padding: 0 10px;

    }

    #logo img {

        padding: 10px 10px 10px 0;

    }

    #header,

    #header-wrap,

    #header.header-sticky nav#mainMenu ul.main-menu,

    #mainMenu > ul {

        height: auto !important;

    }

    #header.header-sticky #header-wrap {

        position: relative;

    }

    #header.header-transparent + #slider,

    #header.header-transparent + #google-map,

    #header.header-transparent + .page-title-extended,

    #header.header-transparent + .page-title-video,

    #header.header-transparent + .page-title-parallax,

    #header.header-transparent + .fullscreen,

    #header.header-modern + .page-title-parallax {

        top: 0px;

        margin-bottom: 0px;

    }

    #header.header-transparent,

    #header.header-light-transparent {

        background: #FFF;

        border-bottom: 1px solid #F5F5F5;

        z-index: auto;

    }

    #header.header-transparent.header-dark:not(.header-navigation-light),

    #header.header-dark-transparent.header-dark:not(.header-navigation-light) {

        background-color: #101010;

        border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    }

    #header.header-dark.header-navigation-light .main-menu > ul > li > a,

    #header.header-dark.header-navigation-light #top-search a,

    #header.header-dark.header-navigation-light #shopping-cart a,

    #header.header-dark.header-navigation-light #shopping-cart .shopping-cart-items,

    #header.header-dark.header-navigation-light .nav-main-menu-responsive > button,

    #header.header-dark.header-navigation-light #top-search form input {

        color: #111;

    }

    #header.header-dark.header-navigation-light .lines,

    #header.header-dark.header-navigation-light .lines:before,

    #header.header-dark.header-navigation-light .lines:after {

        background-color: #111;

    }

    #header.header-modern {

        margin: 0;

        width: 100%;

        border-radius: 0px;

    }

    #header.header-modern + .page-title-parallax {

        padding: 40px 0;

    }

    #header.header-logo-center:not(.header-sticky) #logo {

        width: auto;

    }

    #header.header-logo-center:not(.header-sticky) nav.main-menu li.dropdown:first-child > a {

        padding-left: 6px;

        margin-left: 0px;

    }

    #header.header-mini,

    #header.header-mini #header-wrap,

    #header.header-mini #logo img,

    #header.header-mini nav#mainMenu ul.main-menu,

    #header.header-mini #shopping-cart a,

    #header.header-mini #top-search a,

    #header.header-mini .nav-main-menu-responsive,

    #header.header-mini .side-panel-button {

        height: 90px;

    }

    #header > .container {

        width: 100%;

        padding: 0px;

    }

    /*	Main menu*/

    .navigation-wrap {

        display: none;

        clear: both;

    }

    .navigation-wrap.navigation-active {

        display: block;

    }

    .navigation-wrap,

    .navigation-wrap > .container,

    #header.header-fullwidth #header-wrap .container .navigation-wrap .container {

        padding: 0px;

        width: 100%;

    }

    .navbar-collapse {

        border: 0px !important;

    }

    .navigation-wrap.navbar-header,

    .navigation-wrap.navbar-collapse {

        margin-left: 0px;

        margin-right: 0px;

        box-shadow: none;

    }

    .nav-main-menu-responsive {

        display: block;

    }

    .main-menu-collapse {

        position: relative;

        width: 100% !important;

        overflow: hidden;

        overflow-y: hidden;

        overflow-x: hidden;

    }

    .dropdown-menu {

        width: 100% !important;

    }

    .main-menu-collapse.collapse {

        display: none !important;

        overflow: auto !important;

    }

    .main-menu-collapse.in {

        display: block !important;

        overflow-x: hidden !important;

        overflow-y: auto;

    }

    .main-menu {

        clear: both;

        display: block;

        width: 100%;

    }

    .main-menu ul {

        padding: 0;

        margin: 0;

    }

    .main-menu ul li {

        padding: 0;

        margin: 0;

        clear: both;

        float: none;

        display: block;

    }

    #mainMenu {

        margin-bottom: 10px;

    }

    #mainMenu > ul > li > a,

    #mainMenu > ul > li > span {

        font-size: 13px;

    }

    #mainMenu ul > li > a,

    #mainMenu ul > li > span {

        height: 50px;

        line-height: 32px;

        outline: none;

    }

    .main-menu ul ul {

        margin-left: 10px !important

    }

    .main-menu ul.main-menu {

        float: none;

        position: static;

    }

    .main-menu ul.dropdown-menu {

        position: static;

        clear: both;

        float: none;

        display: none !important;

    }

    .main-menu li.resp-active > ul.dropdown-menu {

        border: 0 none;

        display: block !important;

        padding-right: 10px;

    }

    nav ul.main-menu li a,

    nav ul.main-menu .dropdown-submenu > span.dropdown-menu-title-only {

        clear: both;

        float: none;

        display: block;

        border: 0;

        border-top: 0;

        margin: 0;

    }

    nav ul.main-menu li a i.fa-angle-down {

        position: absolute;

        right: 5px;

        top: 18px;

    }

    nav ul.main-menu ul.dropdown-menu {

        box-shadow: none;

    }

    #header.header-dark #mainMenu ul li.mega-menu-item .mega-menu-title,

    #header.header-dark:not(.header-navigation-light) #mainMenu ul li.dropdown:not(.mega-menu-item) li {

        border-bottom: 0;

    }

    #mainMenu ul > li > a,

    #mainMenu ul > li > span,

    #mainMenu .mega-menu-title,

    #mainMenu .mega-menu-content a {

        border-bottom: 1px solid #eee !important;

    }

    #header.header-dark:not(.header-navigation-light) #mainMenu ul > li > a,

    #header.header-dark:not(.header-navigation-light) #mainMenu ul > li > span,

    #header.header-dark:not(.header-navigation-light) .mega-menu-title,

    #header.header-dark:not(.header-navigation-light) .mega-menu-content a {

        border-bottom: 1px solid #222 !important;

        color: #ccc;

    }

    #header.header-dark:not(.header-navigation-light) .dropdown-menu a,

    #header.header-dark:not(.header-navigation-light) .dropdown-menu span:not(.label) {

        color: #888 !important;

    }

    #mainMenu ul li.dropdown:not(.mega-menu-item) li {

        border-bottom: 0;

    }

    #header.header-dark:not(.header-navigation-light) #mainMenu.style-1 ul.dropdown-menu,

    #header.header-dark:not(.header-navigation-light) #mainMenu.style-1 ul.dropdown-submenu {

        border: 3px solid #222;

    }

    #mainMenu.style-1 ul.dropdown-menu,

    #mainMenu.style-1 ul.dropdown-submenu,

    #header.header-dark #mainMenu.style-1 ul.dropdown-menu,

    #header.header-dark #mainMenu.style-1 ul.dropdown-submenu {

        border: 0px !important;

        box-shadow: none !important;

    }

    /*Slide menu version*/

    #mainMenu.slide-menu > ul > li {

        visibility: visible;

        filter: alpha(opacity=1);

        -webkit-opacity: 1;

        -moz-opacity: 1;

        opacity: 1;

    }

    #header.header-dark #mainMenu ul li.dropdown:not(.mega-menu-item) li {

        border-bottom: 0;

    }

    nav ul.main-menu ul.dropdown-menu li > a #header nav ul.main-menu .dropdown-submenu > span.dropdown-menu-title-only {

        padding: 9px 8px;

        border: 0;

        border-top: 0;

        margin: 0;

        border-bottom: none;

    }

    nav ul.main-menu ul.sub-menu {

        padding: 0;

        margin: 0 0 10px 0;

    }

    nav .main-menu .dropdown-submenu:before {

        content: "\f107";

        font-family: fontawesome;

        font-size: 12px;

        opacity: 0.6;

        position: absolute;

        right: 12px;

        top: 12px;

    }

    nav ul.main-menu ul.dropdown-menu {

        background: none !important;

        background-color: transparent !important;

    }

    nav ul.main-menu li.dropdown.open .dropdown-toggle,

    nav ul.main-menu li a,

    nav ul.main-menu li > a:hover,

    nav ul.main-menu li.active a,

    nav ul.main-menu li.dropdown:hover a,

    nav ul.main-menu li.dropdown:hover .dropdown-submenu > span.dropdown-menu-title-only {

        background: none !important;

        background-color: transparent !important;

    }

    nav ul.main-menu ul.dropdown-menu li:hover > a,

    nav ul.main-menu li.dropdown:hover ul.dropdown-menu li > a:hover {

        background: none !important;

        background-color: transparent !important;

    }

    nav.mega-menu li.mega-menu-item .mega-menu-sub-title {

        margin-top: 30px;

    }

    nav.mega-menu .mega-menu-content {

        padding: 0px;

    }

    nav .main-menu .dropdown-menu .mega-menu-content [class*="col-md-"] {

        padding: 0;

    }

    nav .main-menu .dropdown-menu .mega-menu-content [class*="col-md-"]:nth-child(2n) {

        padding-left: 2px;

    }

    nav .main-menu .dropdown-menu .mega-menu-content {

        background-image: none !important;

    }

    nav ul.main-menu .dropdown > .dropdown-menu,

    nav ul.main-menu .dropdown-submenu > .dropdown-menu {

        visibility: visible;

        opacity: 1;

    }

    nav ul.main-menu .dropdown:hover > .dropdown-menu,

    nav ul.main-menu .dropdown-submenu:hover > .dropdown-menu {

        opacity: 1;

        visibility: visible;

    }

    /*dropdown*/

    #mainMenu > ul > li > a,

    #mainMenu > ul > li > span,

    #mainMenu > ul > li a,

    #mainMenu > ul > li span:not(.label) {

        padding: 10px 0;

    }

     /*Sticky Resposnive*/

    #header.header-sticky-resposnive #header-wrap {

        background-color: #fff;

        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

        left: 0;

        position: fixed;

        top: 0;

        width: 100%;

        z-index: 199;

    }

    #header.header-sticky-resposnive #header-wrap #mainMenu > ul {

        max-height: 290px;

        overflow-y: scroll;

        overflow-x: hidden;

    }

    #header.header-sticky-resposnive {

        min-height: 90px;

        position: relative;

        -webkit-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

        transition: all 0.3s ease;

    }

    #header.header-sticky-resposnive.header-sticky #mainMenu > ul > li > a {

        height: 50px;

    }

    #header.header-sticky-resposnive.header-sticky #mainMenu > ul > li > a {

        line-height: 32px;

    }

    /*Side panel*/

    #side-panel {

        background-color: transparent;

        display: block !important;

        overflow: hidden !important;

        position: relative;

        width: 100%;

        left: 0;

        right: 0;

    }

    #side-panel #panel-logo {

        display: none;

    }

    body.side-panel-left #side-panel {

        left: 0;

        right: 0;

    }

    #side-panel .side-panel-wrap {

        overflow: unset;

        width: 100%;

        padding: 0;

    }

    .side-panel-button {

        display: none;

    }

    #side-panel .side-panel-wrap .panel-widget {

        display: none;

    }

    /*	static side panel*/

    body.side-panel-static .wrapper {

        padding-left: 0px;

    }

    body.side-panel-static #header #logo {

        display: inherit;

    }

    #top-search {

        display: none;

    }

    #shopping-cart {

        margin-right: 20px;

    }

    /*	page title*/

    .page-title-parallax {

        background-attachment: none !important;

        background-position: 50% 0;

        background-size: inherit !important;

    }

    #page-title {

        padding: 40px 0 !important;

    }

    #page-title:not(.page-title-small) h1 {

        font-size: 40px !important;

    }

    /*	post columns*/

    .post-2-columns .post-item,

    .post-3-columns .post-item,

    .post-4-columns .post-item,

    .post-5-columns .post-item,

    .post-6-columns .post-item {

        margin-right: 2.000%;

        width: 48.000%;

    }

    .post-content,

    .post-content-single {

        padding-left: 15px;

        padding-right: 15px;

    }

    #header.header-transparent + #slider,

    #header.header-transparent + .page-title-extended,

    #header.header-transparent + .page-title-video,

    #header.header-transparent + .page-title-parallax,

    #header.header-transparent + .fullscreen,

    #header.header-transparent + .fullscreen,

    #header.header-transparent + .halfscreen,

    #header.header-transparent + #google-map,

    #header.header-light-transparent + #slider,

    #header.header-light-transparent + .page-title-extended,

    #header.header-light-transparent + .page-title-video,

    #header.header-light-transparent + .page-title-parallax,

    #header.header-light-transparent + .fullscreen,

    #header.header-light-transparent + .fullscreen,

    #header.header-light-transparent + .halfscreen,

    #header.header-light-transparent + #google-map,

    #header.header-dark-transparent + #slider,

    #header.header-dark-transparent + .page-title-extended,

    #header.header-dark-transparent + .page-title-video,

    #header.header-dark-transparent + .page-title-parallax,

    #header.header-dark-transparent + .fullscreen,

    #header.header-dark-transparent + .fullscreen,

    #header.header-dark-transparent + .halfscreen,

    #header.header-dark-transparent + #google-map,

    #topbar.topbar-transparent + #header.header-transparent + #slider,

    #topbar.topbar-transparent + #header.header-transparent + .page-title-extended,

    #topbar.topbar-transparent + #header.header-transparent + .page-title-video,

    #topbar.topbar-transparent + #header.header-transparent + .page-title-parallax,

    #topbar.topbar-transparent + #header.header-transparent + .fullscreen,

    #topbar.topbar-transparent + #header.header-transparent + #google-map,

    #topbar.topbar-transparent + #header.header-dark-transparent + #slider,

    #topbar.topbar-transparent + #header.header-dark-transparent + .page-title-extended,

    #topbar.topbar-transparent + #header.header-dark-transparent + .page-title-video,

    #topbar.topbar-transparent + #header.header-dark-transparent + .page-title-parallax,

    #topbar.topbar-transparent + #header.header-dark-transparent + .fullscreen,

    #topbar.topbar-transparent + #header.header-dark-transparent + #google-map #topbar.topbar-transparent + #header.header-light-transparent + #slider,

    #topbar.topbar-transparent + #header.header-light-transparent + .page-title-extended,

    #topbar.topbar-transparent + #header.header-light-transparent + .page-title-video,

    #topbar.topbar-transparent + #header.header-light-transparent + .page-title-parallax,

    #topbar.topbar-transparent + #header.header-light-transparent + .fullscreen,

    #topbar.topbar-transparent + #header.header-light-transparent + #google-map {

        margin-bottom: 0px;

        top: 0px;

    }

    .p-t-200 {

        padding-top: 80px !important;

    }

    .p-b-200 {

        padding-bottom: 80px !important;

    }

    /*	Grid post*/

    .grid-articles:not(.post-carousel) .post-entry {

        width: 50%;

    }

    .grid-articles:not(.post-carousel) .post-entry:first-child {

        width: 100%;

    }

    .grid-articles:not(.post-carousel) .post-entry:first-child .post-entry-meta .post-entry-meta-title h2 {

        font-size: 20px;

    }

    .grid-articles:not(.post-carousel) .post-entry .post-entry-meta .post-entry-meta-title h2 {

        font-size: 13px;

    }

    .grid-articles:not(.post-carousel) .post-entry .post-entry-overlay {

        border-width: 0 !important;

    }

    /*	hide news ticker*/

    .news-ticker {

        display: none;

    }

    .news-section-wrapper {

        padding: 0px

    }

    /*  widgets*/

    .widget {

        float: left;

        width: 100%;

    }

    /* shop*/

    .mfp-ajax-holder .mfp-close {

        margin-right: 0;

    }

    .mfp-close {

        font-size: 22px;

        height: 30px;

        line-height: 32px;

        width: 30px;

    }

    /*    maps*/

    .map {

        min-height: 240px;

    }

    /*helper classes*/

    .sm-text-center {

        text-align: center !important;

    }

    .sm-text-left {

        text-align: left !important;

    }

    .sm-text-right {

        text-align: right !important;

    }

    /*    inspiro slider*/

    .inspiro-slider .slide-captions h1,

    .inspiro-slider .slide-captions h2 {

        font-size: 48px;

        line-height: 48px;

        margin-bottom: 16px;

    }

}



/*

Small devices

Tablets (≥768px)

*/



@media (max-width: 767px) {

    .wrapper {

        width: 100% !important;

    }

    .col-md-1,

    .col-md-2,

    .col-md-3,

    .col-md-4,

    .col-md-5,

    .col-md-6,

    .col-md-7,

    .col-md-8,

    .col-md-9,

    .col-md-19,

    .col-md-11,

    .col-md-12 {

        clear: left;

        width: 100%;

    }

    .col-sm-7,

    .col-sm-8,

    .col-sm-9,

    .col-sm-10,

    .col-sm-11,

    .col-sm-12 {

        width: 100% !important;

    }

    .col-xs-7,

    .col-xs-8,

    .col-xs-9,

    .col-xs-10,

    .col-xs-11,

    .col-xs-12 {

        width: 100% !important;

    }

    /* helper classes*/

    section {

        padding: 40px 0;

    }

    /*helper classes*/

    .xs-text-center {

        text-align: center !important;

    }

    .xs-text-left {

        text-align: left !important;

    }

    .xs-text-right {

        text-align: right !important;

    }

    /*    inspiro slider*/

    .inspiro-slider .slide-captions h1,

    .inspiro-slider .slide-captions h2 {

        font-size: 30px;

        line-height: 30px;

        margin-bottom: 14px;

    }

    .inspiro-slider .slide-captions .btn {

        padding: 5px 10px !important;

        font-size: 10px !important;

        line-height: 1.5;

    }

}

@media (min-width: 480px) and (max-width: 767px) {

    .container,

    #header.header-fullwidth .container {

        width: 470px !important;

    }

    #page-title:not(.page-title-small) h1 {

        font-size: 30px !important;

    }

    /*	post columns*/

    .post-2-columns .post-item,

    .post-3-columns .post-item,

    .post-4-columns .post-item,

    .post-5-columns .post-item,

    .post-6-columns .post-item {

        margin-right: 2%;

        width: 98%;

    }

    /*	TYPOGRAPHY*/

    .text-large,

    .text-large span,

    .text-large span span,

    .text-large-light,

    .text-large-light span,

    .text-large-light span span,

    .text-extra-large,

    .text-extra-large span,

    .text-lg,

    .text-lg span,

    .text-lg span span {

        font-size: 40px !important;

        line-height: 40px !important;

    }

}

@media (max-width: 479px) {

    .container,

    #header.header-fullwidth .container {

        width: 100% !important;

    }

    /*	Grid post*/

    .grid-articles:not(.post-carousel) .post-entry,

    .grid-articles:not(.post-carousel) .post-entry:first-child,

    .grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(1),

    .grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(2) {

        width: 100%;

    }

    .grid-articles:not(.post-carousel) .post-entry:first-child .post-entry-meta .post-entry-meta-title h2 a,

    .grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(1) .post-entry-meta .post-entry-meta-title h2 a,

    .grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(2) .post-entry-meta .post-entry-meta-title h2 a {

        font-size: 16px;

    }

    #page-title:not(.page-title-small) h1 {

        font-size: 30px !important;

    }

    /*	post columns*/

    .post-2-columns .post-item,

    .post-3-columns .post-item,

    .post-4-columns .post-item,

    .post-5-columns .post-item,

    .post-6-columns .post-item {

        margin-right: 0%;

        width: 100%;

    }

    /*	blog*/

    .post-thumbnail .post-image,

    .post-thumbnail .post-video,

    .post-thumbnail .post-audio,

    .post-thumbnail .post-embed,

    .post-thumbnail .post-slider,

    .post-thumbnail .post-content-details,

    .post-thumbnail .post-meta {

        width: 100%;

        padding: 0;

    }

    /*	footer*/

    footer .footer-logo {

        border-right: 0 none;

        float: none !important;

        margin: 0px;

        padding: 0;

        width: 100%;

        display: block;

    }

    /*****SHORTCODES *****/

    /*countdown*/

    .countdown .countdown-box {

        height: 60px !important;

        padding: 2px 0px 0 0 !important;

        width: 60px !important;

        margin: 0px !important;

        border: solid 0px !important;

    }

    .countdown .countdown-box .number {

        font-size: 20px !important;

        margin-bottom: 0px;

    }

    .countdown .countdown-container .countdown-box span {

        font-size: 10px !important;

        padding-top: 0px;

    }

    /*	TYPOGRAPHY*/

    .text-large,

    .text-large span,

    .text-large span span,

    .text-large-light,

    .text-large-light span,

    .text-large-light span span,

    .text-extra-large,

    .text-extra-large span,

    .text-lg,

    .text-lg span,

    .text-lg span span {

        font-size: 40px !important;

        line-height: 40px !important;

    }

    .hero-heading-3 {

        background-color: #fff;

        border: 30px solid #fff;

        padding: 30px;

        width: 100%;

        margin: 0;

    }

    .hero-heading-3 h2,

    .hero-heading-3 h3 {

        font-size: 40px !important;

        line-height: 40px !important;

    }

    /*multiscroll*/

    #multiscroll .ms-left {

        width: 100% !important;

        z-index: 1;

    }

    #multiscroll .ms-right {

        background: none;

    }

}

