#morton_intro_container { display: -ms-grid; -ms-grid-columns: 1fr 15px 300px; -ms-grid-rows: 310px; }
#morton_intro_container { display: grid; grid-columns: 1fr 15px 300px; grid-rows: 310px; grid-template-columns: 1fr 15px 300px; grid-template-rows: 310px; }

#morton_intro_container p { -ms-grid-column: 1; -ms-grid-row: 1; grid-column: 1 / 2; grid-row: 1 / 2; }
#morton_intro_container #morton_intro_img { -ms-grid-column: 3; -ms-grid-row: 1; grid-column: 3 / 4; grid-row: 1 / 2; height: 300px; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; }


#scheduling_grid { display: -ms-grid; -ms-grid-columns: 1fr 15px 1fr; -ms-grid-rows: 400px; }
#scheduling_grid { display: grid; grid-columns: 1fr 15px 1fr; grid-rows: 400px; grid-template-columns: 1fr 15px 1fr; grid-template-rows: 400px; }
#scheduling_grid { align-items: center; justify-items: center; }

#contact_grid { display: -ms-grid; -ms-grid-columns: 1fr 15px 1fr; -ms-grid-rows: 550px; }
#contact_grid { display: grid; grid-columns: 1fr 15px 1fr; grid-rows: 550px; grid-template-columns: 1fr 15px 1fr; grid-template-rows: 550px; }
#contact_grid { align-items: center; justify-items: center; margin-top: 20px; }

#date_picker__container { -ms-grid-column: 1; -ms-grid-row: 1; grid-column: 1 / 2; grid-row: 1 / 2; }
#time_picker__container { -ms-grid-column: 3; -ms-grid-row: 1; grid-column: 3 / 4; grid-row: 1 / 2; width: 90%; }
#form__container { width: 425px;  -ms-grid-column: 1; -ms-grid-row: 1; grid-column: 1 / 2; grid-row: 1 / 2; }

#time_slot_list { margin: 0 auto; padding: 0; list-style-type: none; height: 325px; max-width: 450px; overflow-y: scroll; }

.time_slot_lineitem { margin: 5px; padding: 10px; background-color: #6d9ec3; border-radius: 8px; border: 2px solid #6d9ec3; color: #f3f3f3; text-align: center; }
.time_slot_lineitem:hover { background-color: #9dbed7; }
.time_slot_lineitem.selected_time { background-color: #2182c7; border: 2px solid #83b4df; }


/*a.time_slot_btn { display: block; margin: 0; padding: 10px; background-color: #6d9ec3; border-radius: 8px; border: 2px solid #6d9ec3; color: #f3f3f3; text-align: center; }*/
/*a.time_slot_btn:hover { background-color: #9dbed7; }*/
/*a.time_slot_btn.selected_time { background-color: #2182c7; border: 2px solid #83b4df; }*/




#date .ui-datepicker { width: 400px; height: 360px; }

#date .ui-datepicker td { height: 48px; }

#date .ui-datepicker td span, 
#date .ui-datepicker td a { height: inherit; }




/*  Details form
*******************************************************/
#form { width:400px; margin:20px auto; border:2px solid #555; font-family:"Noto Sans", sans-serif; }
.form_header { width:100%; height: 60px; background-color:#0f4578; color:#fff; }
.form_header p { margin:0; padding-left:8px; font-size:16px; font-family:sans-serif; }
.form_header h3 { margin:0; padding:2px 8px; font-size:24px; font-family:sans-serif; }

.fields_container { display: block; padding:0 10px 10px 10px; }

.fields_container h4 { margin-top:25px; margin-bottom:4px; }

#x_coord, #y_coord { height:1px; margin: 0; padding: 0; opacity:0; }

.fields_container input[type='text'],
.fields_container input[type='email'] { width:100%; box-sizing:border-box; height:30px; }

.fields_container #file_upload_header { margin-top:10px; }
.fields_container #msg { margin-top:25px; margin-bottom:20px; }


.fields_container #btn_go_back, 
.fields_container #btn_submit { display:block; box-sizing:border-box; width:100%; height:40px; padding:8px; margin:5px 0; border-radius:30px; color:#fff; text-decoration:none; text-align:center; }

.fields_container #btn_submit { background-color:#0f4578; }
.fields_container #btn_go_back { background-color:grey; }

.fields_container #form_IssueType { width: 99%; height: 30px; border: 2px solid #999; border-radius: 12px; background-image: linear-gradient(to top, #add8e6, #f2f2f5 33%); }

#form_reserve_date { opacity: 0; height: 1px; width: 1px; overflow: hidden; }
#form_reserve_time { opacity: 0; height: 1px; width: 1px; overflow: hidden; }




/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:978px) {

    #morton_intro_container {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: 320px 200px;
    }

    #morton_intro_container {
        grid-columns: 1fr;
        grid-rows: 320px 200px;
        grid-template-columns: 1fr;
        grid-template-rows: 320px 200px;
    }

        #morton_intro_container p {
            -ms-grid-column: 1;
            -ms-grid-row: 1;
            grid-column: 1 / 2;
            grid-row: 1 / 2;
        }

        #morton_intro_container #morton_intro_img {
            -ms-grid-column: 1;
            -ms-grid-row: 2;
            grid-column: 1 / 2;
            grid-row: 2 / 3;
            height: 200px;
            overflow: hidden;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }


    #scheduling_grid {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: 350px 15px 400px;
        grid-columns: 1fr;
        grid-rows: 350px 15px 400px;
        grid-template-columns: 1fr;
        grid-template-rows: 350px 15px 400px;
    }

    #contact_grid {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: 500px;
        grid-columns: 1fr;
        grid-rows: 500px;
        grid-template-columns: 1fr;
        grid-template-rows: 500px;
    }


    #date {
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    #time_picker__container {
        -ms-grid-column: 1;
        -ms-grid-row: 3;
        grid-column: 1 / 2;
        grid-row: 3 / 4;
    }

    .time_slot_lineitem {
        padding: 7px;
    }


    #date .ui-datepicker {
        width: 300px;
        height: 275px;
    }

        #date .ui-datepicker td {
            height: 32px;
        }


}




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



	#header .inner_container { -ms-grid-columns: 2fr 1fr 1fr 1fr; grid-columns: 2fr 1fr 1fr 1fr; grid-template-columns: 2fr 1fr 1fr 1fr; }
	#header .inner_container .header_nav_item { display: none; }

	#mobile_pre_header { display: block; width: 100%; height: 35px; background-color: #016ea6; }
	#header { position: relative; }

	#menu_lists_container { position: fixed; top: 0; left: 0; bottom: 0; right: 40px; z-index: 2000; background-color: #6f0000; box-shadow: 5px 0 5px rgba(10,10,10,0.5); overflow: scroll; display: none; }
	#menu_lists_container.show { display: block; }
	#menu_lists_container #mobile_menu_header { display: block; width: 100%; height: 35px; background-color: #016ea6; }
	#menu_lists_container h3.mobile_heading { display: block; padding-left: 15px; color: #fff; font-family: 'Open Sans'; }

	#dept_menu_expand.expand { display: block; }
	#contact_menu_expand.expand { display: block; }

	.nav_menu_dropdown { position: relative; top: 0; z-index: 1000; max-width: 1400px; margin: 10px auto; color: #fff; background-color: #6f0000; box-shadow: none; }
	.nav_menu_dropdown .inner_container { display: flex; flex-direction: column; align-items: stretch; width: 100%; }

	.nav_menu_dropdown .inner_container .col { flex: 1 1 auto; width: 100%; display: flex; flex-direction: column; }
	.nav_menu_dropdown .col > ul { margin: 0; padding-left: 20px; }
	.nav_menu_dropdown .inner_container ul li ul { padding-left: 0; }

}