/*
 Author:       Cobweb Software
 Author URI:
 Template:     cobwebprogressive
 Version:      1.0.0

 Responsive layout

    1. Desktop max width 1199px
    2. Tablet max width 1024px
    3. Tablet / Mobile max width 767px
    4. Mobile max width 579px

*/

/* -------------------------------------------------------------------------- *
 * 0. Desktop max width 1440px / 1280px                                               *
 * -------------------------------------------------------------------------- */
    @media (max-width: 1440px){
        .categories-city .portfolio-item .portfolio-desc h3 {
            font-size: 18px;
            width: 80%;
        }

        .categories-city .portfolio-item .categories-city-count p, .categories-city .portfolio-item .portfolio-desc h3 p{
            font-size: 10px;
        }

        .categories-city .portfolio-item .categories-city-count, .categories-city .portfolio-item .portfolio-desc .categories-city-count p{
            margin: 0;
        }
    }

    @media (max-width: 1280px){
        #primary-menu ul li > a {
            padding: 32px 15px 32px 10px;
        }

        .homepage_slider_tabs {
            min-width: 80%;
        }
        .categories-city .portfolio-item .portfolio-desc h3 {
            font-size: 18px;
            width: 80%;
        }

        .categories-city .portfolio-item .categories-city-count p, .categories-city .portfolio-item .portfolio-desc h3 p{
            font-size: 10px;
        }

        .categories-city .portfolio-item .categories-city-count, .categories-city .portfolio-item .portfolio-desc .categories-city-count p{
            margin: 0;
        }

        #modal-open-top-search-form{
            max-width: 70% !important;
        }

        #choose-object,
        #choose-object .filters {
            width: 100%;
        }
        #choose-object div[class*="listObjects"],
        #choose-object .select_radius,
        #locateDevice {
            width: calc(33.33333333% - 7px);
        }

        #locateDevice {
            height: 43px;
            line-height: 1;
        }

        #locateDevice span {
            display: initial;
        }

        #choose-object .filters,
        #choose-object .buttons {
            float: none;
        }

    }
  
/* -------------------------------------------------------------------------- *
 * 1. Desktop max width 1199px                                                *
 * -------------------------------------------------------------------------- */

   @media (max-width: 1280px) and (min-width: 1024px) {
        .container{
            width: 100%;
        }

       #primary-menu ul li > a span.bigger-title{
           font-size: 14px;
       }
    }

    @media (max-width: 1280px) and (min-width: 1025px) {
        .top-links li > a {
            font-size: 11px;
            padding: 0 5px;
        }

        .mod-languages .btn{
            padding: 6px 10px 6px 0;
            font-size: 11px;
        }

        #primary-menu ul li > a span.smaller-title {
            font-size: 10px;
        }

        #primary-menu ul li > a span.bigger-title{
            font-size: 12px;
        }

        #primary-menu ul li > a {
            padding: 32px 8px 32px 8px;
        }

        .ug-gallery-wrapper{
            min-width: 1170px !important;
        }

        .ug-thumb-wrapper.ug-tile{
            width: 282px !important;
            height: 280px !important;
        }

        .ug-gallery-wrapper .ug-carousel-wrapper{
            width: 100% !important;
        }

        .infoinside p{
            font-size: 14px;
        }

    }

    @media (max-width: 1170px) and (min-width: 1025px) {

        #primary-menu ul li>a span.bigger-title,
        .open-top-search strong{
            font-size: 11px;
        }

        #primary-menu ul li > a span.smaller-title{
            font-size: 9px;
        }

        .ug-gallery-wrapper{
            min-width: 1125px !important;
        }

        .ug-thumb-wrapper.ug-tile{
            width: 270px !important;
            height: 270px !important;
        }

        .ug-gallery-wrapper .ug-carousel-wrapper{
            width: 100% !important;
        }

        .k2ItemsBlockHomePage{
            width: 90%;
            margin: 0 auto;
        }

        .k2ItemsBlockHomePage .bottommargin{
            width: 350px;
        }

    }

    @media (max-width: 1070px) and (min-width: 1025px) {
        .ug-gallery-wrapper{
            min-width: 1020px !important;
        }

        .ug-thumb-wrapper.ug-tile{
            width: 245px !important;
            height: 240px !important;
        }

        .ug-gallery-wrapper .ug-carousel-wrapper{
            width: 100% !important;
        }

    }

/* -------------------------------------------------------------------------- *
 * 2. Tablet max width 1024px                                                *
 * -------------------------------------------------------------------------- */

    @media (max-width: 1024px) {
        .container {
            width: inherit;
        }

        .mobileMenuMain, .mobileMenuTop{
            display: block;
        }

        .mobileMenuTop, #logo{
            float: left;
        }

        .mobileMenuMain{
            float: right;
            height: 100px;
            line-height: 100px;
        }

        .sticky-header .mobileMenuMain {
            height: 60px;
            line-height: 60px;
        }

        #offcanvas-toggler-main .fa{
            color: #000;
        }

        .pre_header_left, .pre_header_right .top-links, #primary-menu{
            display: none;
        }

        .pre_header_right{
            float: right;
        }

        .homepage_slider_tabs {
            min-width: 90%;
        }

        .homepage_slider_tabs button{
            width: 19%;
        }

        .homepage_jeventslatest .first-half .jeviconnotdate:first-child img, .homepage_jeventslatest .first-half .jeviconnotdate:nth-child(3) img{
            height: 200px;
        }

        .homepage_jeventslatest .first-half .jeviconnotdate img {
            height: 100px;
        }

        .homepage_jeventslatest .second-half .right h4{
            line-height: 74px;
        }

        .ug-gallery-wrapper{
            min-width: 100% !important;
        }

        .ug-gallery-wrapper .ug-carousel-wrapper{
            width: 100% !important;
        }

        .ug-thumb-wrapper.ug-tile{
            width: 360px !important;
        }

        .k2ItemsBlock .k2CategoryName{
            right: 15px;
        }

        .find-out-blocks{
            margin-bottom: 25px;
        }

        .k2ItemsBlockHomePage .row, #footer .container > .row{
            margin: 0;
        }

        .k2ItemsBlockHomePage .entry-image a{
            width: 100%;
        }

        .modulesFloatLeft{
            float: none;
        }

        table.acymailing_form{
            margin: 0;
        }


        .inner-slider-text h2, .inner-slider-text h3{
            font-size: 47px;
        }

        .inner-slider-text {
            transform: translate(-50%,110px);
        }

        .portfolio-full .portfolio-item, .portfolio .portfolio-item{
            width: 50% !important;
        }

        .object_detailspage_tabs .tabs__content{
            height: 400px;
        }

        .object_detailspage_tabs .tabs__content .tabs-gallery img{
            height: 415px !important;
            width: 715px !important;
        }

        .ug-arrow-left.ug-skin-default, .ug-arrow-right.ug-skin-default {
            top: 35% !important;
        }

        .object_detailspage_tabs .tabs__menu li, .object_detailspage_tabs .tabs__menu .objectAoround{
            width: 32%;
            vertical-align: middle;
        }

        .object_detailspage_tabs .tabs__menu a, .object_detailspage_tabs .tabs__menu li i, .object_detailspage_tabs .tabs__menu a i{
            font-size: 14px;
        }

        #googleMaps{
            height: 415px !important;
        }

        .infoinside p{
            font-size: 13px;
        }

        .itemlogo img{
            max-width: 100%;
        }

        #modal-open-top-search-form-click{
            top: -33px;
            padding: 0;
            right: 15px;
            color: #fff;
            position: absolute;
        }

        #modal-open-top-search-form-click p{
            display: none;
        }

        #modal-open-top-search-form {
            max-width: 95% !important;
        }

        .iziModal .top-search button{
            font-size: 20px;
        }

        .search .only{
            padding: 0;
            margin-top: 0;
            position: absolute;
            bottom: 0;
        }

        .homepage_slider_tabs{
            top: 55%;
        }

        .homepage_slider_tabs .tabs__content{
            padding: 10px;
        }

        .homepage_slider_tabs input.search-query{
            height: 40px;
            font-size: 20px;
        }

        .homepage_slider_tabs .search-query-container,
        .search .only{
            width: 75%;
        }

        .homepage_slider_tabs button{
            height: 60px;
            width: 24%;
            font-size: 18px;
        }

        .campaignsimg-container .category-images{
            width: 32.9%;
        }

        .ajaxSearchResults{
            margin-top: 10px;
            left: -10px;
        }

        .loadingio-spinner-spinner-rok7cg9p5vf {
            top: -13px;
            left: 30%;
        }

        .k2ItemsBlockHomePage .entry-image h3 {
            max-height: 80px;
        }
    }

    @media (max-width: 991px) {
        .pre_header_right{
            right: 5%;
        }
        .object_detailspage_tabs .tabs__content{
            height: 260px;
        }

        .object_detailspage_tabs .tabs__content .tabs-gallery img{
            height: 260px !important;
            width: 564px !important;
        }

        #googleMaps{
            height: 350px !important;
        }

        .ug-arrow-left.ug-skin-default, .ug-arrow-right.ug-skin-default{
            top: 22% !important;
        }

        .flipTimer{
            text-align: center;
        }

        .campaignimage.campaignimg-container .campaignimg-mansory-container{
            width: 50%;
        }

        .gallery-container.portfolio-3 .category-images{
            width: 32.9%;
        }

        .gallery-item-container a{
            width: 28.333% !important;
            margin: 0 7.5% 7.5% 0 !important;
        }

        .gallery-item-container a:nth-child(3n){
            margin-right: 0 !important;
        }

        #choose-object div[class*="listObjects"],
        #choose-object .select_radius,
        #locateDevice {
            width: calc(50% - 5px);
        }

        #choose-object div[class*="listObjects"]:nth-child(1),
        #choose-object div[class*="listObjects"]:nth-child(3),
        #choose-object div[class*="listObjects"]:nth-child(5) {
            margin-right: 10px;
        }

        #choose-object div[class*="listObjects"]:nth-child(2),
        #choose-object div[class*="listObjects"]:nth-child(4),
        #choose-object div[class*="listObjects"]:nth-child(6) {
            margin-right: 0px;
        }
    }

/* -------------------------------------------------------------------------- *
 * 3. Tablet / Mobile max width 767px                                                *
 * -------------------------------------------------------------------------- */

    @media (max-width: 767px) {
        .pre_header_right{
            position: absolute;
            right: 20%;
        }

        body.offcanvas #top-bar{
            height: 45px;
        }

        #content h1, .main_content_center h1{
            font-size: 25px;
            line-height: 30px;
        }

        .homepage_jeventslatest .first-half .jeviconnotdate:first-child,
        .homepage_jeventslatest .second-half .left,
        .homepage_jeventslatest .second-half .right,
        .homepage_jeventslatest .first-half .jeviconnotdate,
        #choose-object div[class*="listObjects"], #choose-object .select_radius,
        #locateDevice {
            width: 100%;
        }

        .homepage_jeventslatest .first-half .jeviconnotdate img{
            height: 200px;
        }

        .homepage_jeventslatest .second-half .right h4 {
            line-height: 50px;
            font-size: 48px;
        }

        .homepage_jeventslatest .list-view-events .catname {
            font-size: 14px;
        }

        .homepage_jeventslatest .second-half .right{
            padding: 0;
        }

        .ug-thumb-wrapper.ug-tile {
            width: 420px !important;
        }

        #footer .acymailing_module form {
            margin-top: 25px;
        }

        .footer_bottom_right{
            text-align: center;
        }

        #footer .social-icon{
            float: none;
            display: inline-block;
        }

        #footer .footer_top_1{
            text-align: center;
        }

        #listHolder .dataTables_filter{
            float: none;
            padding-left: 10px;
        }

        #listHolder #objectTable #tableBody tr td {
            width: 420px;
            display: list-item;
            padding-right: 0 !important;
        }

        .inner-slider-text{
            width: 100%;
            padding: 0 10px;
            transform: translate(-50%,100px);
        }

        .campaignimg-container .campaignimg-info .campaignimg-time{
            height: 205px;
        }

        .flipTimer .seconds, .flipTimer .minutes, .flipTimer .hours, .flipTimer .days{
            display: inline-block;
        }

        .flipTimer .hours, .flipTimer .days{
            margin-bottom: 10px;
        }

        .flipTimer .time-text{
            bottom: -30px;
        }

        .loadingio-spinner-spinner-rok7cg9p5vf{
            top: -13px;
            left: 24%;
        }

        .top-search .loadingio-spinner-spinner-rok7cg9p5vf {
            top: 10px;
            left: 28%;
        }

        .ajaxSearchResults,
        .all-results{
            max-height: 250px;
        }

        body .main_content_top div[class*="moduletable"] .module-title *,
        body .main_content_bottom div[class*="moduletable"] .module-title *,
        body .main_content_top div[class*="moduletable"] .heading-block *,
        body .main_content_bottom div[class*="moduletable"] .heading-block * {
            height: auto;
            overflow: initial;
        }

        #modal-choose-object {
            margin-top: 10px;
        }

        #modal-choose-object .objectsMenu li {
            width: 50%;
        }

        #mapLocation {
            text-align: left;
        }

        #mapLocation,
        #mapLocation span:first-child {
            margin-right: 0px;
        }

        #mapLocation span {
            display: block;
            width: 100%;
        }

        #choose-object div[class*="listObjects"], #choose-object .select_radius {
            margin-right: 0px !important;
        }

        .k2ItemsBlockHomePage .entry-image .entry-title {
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .googleMaps.outermap #id1 {
            display: none;
        }

        .iziModal .top-search button {
            font-size: 16px;
        }

        .button i {
            margin-right: 0px;
        }

        .iziModal .top-search button i {
            margin-right: 0px;
        }

        #popup.cbs-modal-popup {
            min-width: auto;
            max-width: 100%;
        }

        .route_detailspage_tabs .tabs__menu {
            display: block;
        }
        .route_detailspage_tabs .tabs__menu li, .route_detailspage_tabs .tabs__menu .objectAoround {
            width: 100%;
        }

        .inner-slider-text h2, .inner-slider-text h3 {
            font-size: 38px;
        }

        .jev_list_row .jev_list_desc_container, .jev_list_row .jev_list_form_container {
            height: auto;
        }

        .giro-header {
            float: left;
            margin-top: 12px;
            margin-left: 20px;
        }
    }

/* -------------------------------------------------------------------------- *
 * 4. Mobile max width 579px                                                  *
 * -------------------------------------------------------------------------- */

   @media (max-width: 579px) {
        .pre_header_right{
            right: 10%;
        }

        .container, #header.full-header .container, .container-fullwidth{
            width: 100% !important;
        }

        .ug-thumb-wrapper.ug-tile {
            width: 335px !important;
        }

        .portfolio-full .portfolio-item, .portfolio .portfolio-item{
            width: 100% !important;
        }

        .object_detailspage_tabs .tabs__content {
            height: 175px;
        }

        #googleMaps{
            height: 600px !important;
        }

        .object_detailspage_tabs .tabs__content .tabs-gallery img {
            height: 175px !important;
            width: 491px !important;
        }

        .object_detailspage_tabs .tabs__menu a{
            display: none;
        }

        .infoinside{
            margin: 0;
        }

        .rightinside{
            padding: 0;
        }

        #listHolder #objectTable #tableBody tr td {
            width: 325px;
        }

        .dataTables_filter label{
            margin-top: 8px;
        }

        .inner-slider-text {
            transform: translate(-50%,130px);
        }

        .inner-slider-text h2, .inner-slider-text h3 {
            line-height: 40px;
        }

        div#n2-ss-4 .n2-ss-slide .n2-ss-slide-background img,
        div#n2-ss-4.n2-ss-load-fade.n2-ss-loaded,
        div#n2-ss-4.n2-ss-mobile .n2-ss-slider-1,
        div#n2-ss-4.n2-ss-tablet .n2-ss-slider-1,
        div#n2-ss-4 .n2-ss-slide{
            height: 254px !important;
        }

        #slider{
            height: 245px !important;
        }

        #slider > div:not([class]),
        #slider > div:not([class]) * {
            height: 100% !important;
        }

        #slider > div:not([class]) img {
            width: auto !important;
            min-width: 100%;
        }


        .iziModal .top-search .search-query-container,
        .iziModal .top-search button,
        .top-search .only,
        .homepage_slider_tabs .search-query-container,
        .homepage_slider_tabs .only,
        .homepage_slider_tabs button,
        #modal-choose-object .objectsMenu li {
            width: 100%;
        }

        .homepage_slider_tabs{
            top: 47%;
        }

        .homepage_slider_tabs .only{
            position: relative;
        }

        .iziModal .top-search input.search-query{
            height: 45px;
            font-size: 18px;
        }

        .iziModal .top-search button,
        .homepage_slider_tabs button{
            height: 30px;
            line-height: 30px;
        }

        .top-search .only,
        .homepage_slider_tabs .only{
            padding: 0 0 5px 0;
            margin-top: 1px;
        }

        .top-search .only .checkcontainer,
        .homepage_slider_tabs .checkcontainer{
            margin-right: 10px;
        }

        .top-search .only .checkcontainer,
        .top-search .only .checkcontainer i,
        .homepage_slider_tabs .checkcontainer,
        .homepage_slider_tabs .checkcontainer i{
            font-size: 10px;
            vertical-align: unset;
        }

       .campaignimg-container .campaignimg-links{
            text-align: left;
       }

       .campaignimg-container ul li{
           display: block;
           border-right: 0;
       }

       .campaignimage.campaignimg-container .campaignimg-mansory-container{
           width: 100%;
       }

       .campaignimage .btn{
           width: 48%;
       }

       .gallery-item-container a{
           width: 100% !important;
       }

       .loadingio-spinner-spinner-rok7cg9p5vf,
       .top-search .loadingio-spinner-spinner-rok7cg9p5vf {
            top: -18px;
            left: 37%;
        }

       .ldio-rn8bipafus8 div {
            width: 3px;
            height: 6px;
            transform-origin: 3px 13px;
        }

        .single-result > div:nth-child(2) {
            width: 110px;
            min-width: 110px;
        }

        .single-result:after{
            left: 157px;
        }

   }