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

 Responsive layout

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

*/

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

    @media (max-width: 1280px) {
        #slider{
          height: 660px;
        }
        #wrapper #content{
            padding: 40px 0px 20px 0px;
        }
        #logo{
        display: none;
        }
        div.contacts-info{
        max-height: 290px;
        }

        div.contact-section{
            padding: 60px 60px 70px 180px;
        }
        .fluid-width-video-wrapper{
            height: 100%;
        }
        .registration form fieldset div.control-group div.control-label{
            float:left;
        }
    }

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

    @media (max-width: 991px) {
        #primary-menu-trigger{
            top: -50px;
        }
        #primary-menu li > a:before{
            bottom: 0px;
        }
        #slider{
            height: 600px;
        }
        div.contact-section{
            padding: 30px 60px 30px 60px;
        }
        .contact-section {
            position: relative;
            display: block;
            width: 100%;
            padding: 20px;
        }
        .contact-image {
            width: 100%;
            margin-top: 0;
        }
        .topmargin-lg{
            margin-top: 20px !important;
        }
        div.gmap.contact-page + div{
            height: 550px !important;
        }
        #side-panel .side-panel-wrap #login-form .button{
            width: 100%;
            margin-bottom: 10px !important;
        }
        /* Show the drop-down menus all the time*/
        .sf-with-ul + ul{
            display: block !important;
        }

        #tab-events{
            margin-top: -20px !important;
        }

        #ticket-form table.table.table-bordered thead tr th:nth-child(1){
            width: 45%;
        }
        #ticket-form table.table.table-bordered thead tr th:nth-child(2){
            width: 25%;
        }
        .header_top_right{
            display:none;
        }
        #mobileMenu{
            display:block;
        }
        #offcanvas-toggler{
            position: absolute;
            top: -30px;
        }

        #page-title.page-title-parallax{
            margin-bottom: 0px !important;
        }
    }

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

        .footer_top_1 .footerModules .custom p:nth-child(1){
            width: 25%;
            float: left;
            margin-bottom: 0px;
        }
        .registration form{
            width:100%;
        }
    }

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

    @media (max-width: 767px) {
        body #wrapper .container{
            width: 100% !important;
        }
        #wrapper #content{
            padding: 40px 0px 0px 0px;
        }
        section div.row.homepage-contacts{
            margin-top: 20px;
        }
        #wrapper #top-bar .col_half{
            width: auto;
        }
        #slider{
            height: 580px;
        }
        #slider .container{
            position: relative;
            top: 150px;
        }
        #n2-ss-1-align{
            position: absolute;
            top: 0px;
        }
        #n2-ss-2-align{
            position: absolute;
            top: 0px;
        }
        div.contacts-info{
            padding: 0px;
        }
        div.acymailing_module_form table tbody tr td input{
            width: 300px !important;
        }
        #footer .footer_top_1{
            padding-right: 15px;
        }

        #headquarters-map{
            padding-left: 15px;
        }
        div.gmap.contact-page + div{
            padding-right: 0px;
        }

        #modlgn-remember{
            left: 20px;
        }
        .registration .control-label{
            width: 100%;
        }
        .bottommargin-lg{
            margin-bottom: 20px !important;
        }
        .registration form{
            width: 80%;
        }
        .dataTables_length label{
            float: left;
        }
        .dataTables_filter label{
            float: right;
        }
        .tab-container .table-responsive>.table>tbody>tr>td{
            white-space: normal;
            vertical-align: bottom;
        }
        div.tab-content div.table-responsive{
            margin-bottom: 0px;
        }

        #ticket-form table.table.table-bordered thead tr th:nth-child(1){
            width: 35%;
        }
        #ticket-form table.table.table-bordered thead tr th:nth-child(2){
            width: 35%;
        }

        table.footable-details.table tbody tr th{
            display: none;
        }
        table.footable-details.table tbody tr{
            border: none;
        }

        .real-estate-tabs-slider table .btn, .real-estate-tabs-slider table button{
            display: initial;
        }


        .sold-out-mobile {
            display: block;
        }
    }

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

    @media (max-width: 579px) {
        #slider{
            height: 580px;
        }
        #wrapper #content{
            padding: 20px 0 0 0;
        }
        .pre_header_right{
            padding-left: 5px;
            padding-right: 5px;
        }
        .pre_header_right div:nth-child(3){
            float: right;
        }

        .top-links > ul > li > a{
            font-size: 10px;
        }

        div.homepage-contacts .col-padding{
            padding: 40px 25px;
        }
        div.homepage-contacts > div.col-lg-4.bgcolor{
            padding-right: 0px;
        }
        div.promo h3{
            font-size: 15px;
        }
        div.promo a.button{
            float: none;
        }

        .promo:not(.promo-full){
            padding: 20px 20px;
        }

        section div.row.homepage-contacts{
            margin-top: 20px !important;
        }

        div.portfolio-image .category-images{
            width: 32.90%;
        }
        .portfolio-3 .portfolio-item{
            padding: 0px 0px 15px 0px;
        }
        div.contact-section{
            padding: 15px 30px 15px 30px;
        }
        div.gmap.contact-page + div div.col-padding{
            padding: 40px 0px !important;
        }
        div.registration form{
            width: 100%;
        }
        div.promo a.button{
            margin: 5px 0px 0px 0px;
        }


        div.tabs.advanced-real-estate-tabs ul.tab-nav li{
            height: 40px;
        }

        .real-estate-tabs-slider .advanced-real-estate-tabs ul.tab-nav li:first-child{
            width: 30%;
        }

        .real-estate-tabs-slider .advanced-real-estate-tabs ul.tab-nav li:last-child{
            width: 70%;
        }

        div.tabs.advanced-real-estate-tabs ul.tab-nav li a{
            font-size: 10px;
        }

        .table tbody tr.child td.child ul li:last-child span{
            float: left;
        }

        .table tbody tr.child td.child ul li span:nth-child(2),
        table.footable-details tbody tr{
            display: inline-grid;
        }

        .dataTables_wrapper .dataTables_filter{
            margin-top: 0px;
        }

        div.table-responsive div.dataTables_wrapper div.dataTables_info{
            white-space: initial;
        }

        #ticket-form table.table.table-bordered thead tr th:nth-child(1){
            width: 30%;
        }
        #ticket-form table.table.table-bordered thead tr th:nth-child(2){
            width: 40%;
        }

        .event-details .user-info input,
        .event-details .user-info span,
        .event-details .user-info a {
            width: 200px;
        }

        .event-details .user-info label {
            width: 80px;
        }
    }