/* ----------------------------------------------------------------

	Responsive CSS

-----------------------------------------------------------------*/



@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) {
    .logo-gif{
        max-width: 350px;
    }

    .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

    }

}

@media (max-width: 991px) {
    .logo-gif{
        max-width: 320px;
    }

    #topbar.topbar-dark {

        background-color: #111 !important;

    }
    .row.flex {
        display: block;
        align-items: center;
        justify-content: center;
    }
    img.img-responsive.m-b-10 {
        margin-top: 0px;
    }
    #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: #111;

        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-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 > .container {

        width: 100%;

        padding: 0px;

    }

    /*	Main menu*/

    .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 {

        padding-bottom: 10px;

        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 > ul > li > a,    

    .main-menu ul li.dropdown a,

    .main-menu ul li.dropdown ul.dropdown-menu li a,

    .main-menu ul li.dropdown .dropdown-submenu > span.dropdown-menu-title-only {

        height: 42px;

        outline: none;

        line-height: 22px;

    }

    .main-menu > ul li:last-child a {

        border-bottom: 0px;

    }

    .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: 14px;

    }

    nav ul.main-menu ul.dropdown-menu {

        box-shadow: none;

    }

    .main-menu > ul > li,

    .mega-menu ul li.mega-menu-item .mega-menu-title,

    .main-menu ul li.dropdown.mega-menu-item li,

    .main-menu .dropdown-submenu > span.dropdown-menu-title-only {

        border-bottom: 1px solid #eee;

    }

    #header.header-dark:not(.header-navigation-light) .main-menu > ul > li,

    #header.header-dark:not(.header-navigation-light) .mega-menu ul li.mega-menu-item .mega-menu-title,

    #header.header-dark:not(.header-navigation-light) .main-menu ul li.dropdown.mega-menu-item li,

    #header.header-dark:not(.header-navigation-light) .main-menu .dropdown-submenu > span.dropdown-menu-title-only {

        border-bottom: 1px solid #444;

    }

    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 {

        position: relative;

        background: url("../images/arrow-light-down.png") no-repeat scroll right top;

    }

    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;

    }

    /*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;

    }

    .lines,

    .lines:before,

    .lines:after,

    .header-dark.header-transparent.header-navigation-light .lines,

    .header-dark.header-transparent.header-navigation-light .lines:before,

    .header-dark.header-transparent.header-navigation-light .lines:after {

        background-color: #111;

    }

    .header-dark:not(.header-sticky):not(.header-navigation-light) .lines,

    .header-dark:not(.header-sticky):not(.header-navigation-light) .lines:before,

    .header-dark:not(.header-sticky):not(.header-navigation-light) .lines:after,

    .header-dark.header-transparent:not(.header-sticky):not(.header-navigation-light) .lines,

    .header-dark.header-transparent:not(.header-sticky):not(.header-navigation-light) .lines:before,

    .header-dark.header-transparent:not(.header-sticky):not(.header-navigation-light) .lines:after,

    .header-dark.header-semi-transparent:not(.header-sticky):not(.header-navigation-light) .lines,

    .header-dark.header-semi-transparent:not(.header-sticky):not(.header-navigation-light) .lines:before,

    .header-dark.header-semi-transparent:not(.header-sticky):not(.header-navigation-light) .lines:after {

        background-color: #fff;

    }

    /*	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;

    }

    /*

	.container-fullscreen {

		padding: 80px 0;

		

	}

*/

    .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;

    }

}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 480px) and (max-width: 767px) {

    #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 {

        font-size: 60px !important;

        line-height: 60px !important;

    }

}

@media (max-width: 479px) {
    .logo-gif{
        max-width: 180px;
    }

    /*	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 {

        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;

    }

}