@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,400i,600,600i,700,700i&display=swap');

body {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    color: var(--body-text-color);
    background-color: #fafbfe;
}

footer {
    font-size: 14px;
    color: #777;
    text-align: center;
}

a, a:hover { color: var(--body-link-text-color); }

a, button { outline: 0 !important; }

.mark, mark { background-color: #f6ebae; }

.icon-hover { 
    cursor: pointer;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
.icon-hover:hover { color: var(--body-link-text-color); }
.hover-primary:hover { color: var(--body-link-text-color); }

.mdi-rotate-270.mdi-18px::before { padding-bottom: 5px; }
.mdi-rotate-270.mdi-24px::before { padding-bottom: 9px; line-height: 1; }
.mdi-14px.mdi-set, .mdi-14px.mdi:before { font-size: 14px; }
.mdi-16px.mdi-set, .mdi-16px.mdi:before { font-size: 16px; }
.mdi-20px.mdi-set, .mdi-20px.mdi:before { font-size: 20px; }

.close {
    float: right;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: none;
    opacity: .5;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, strong, .strong, b {
    font-weight: 700;    
}

.w-20px { width: 20px !important; }
.w-30px { width: 30px !important; }
.w-40px { width: 40px !important; }
.w-50px { width: 50px !important; }
.w-60px { width: 60px !important; }
.w-70px { width: 70px !important; }
.w-80px { width: 80px !important; }
.w-90px { width: 90px !important; }
.w-100px { width: 100px !important; }
.w-110px { width: 110px !important; }
.w-120px { width: 120px !important; }
.w-130px { width: 130px !important; }
.w-150px { width: 150px !important; }
.w-160px { width: 160px !important; }
.w-200px { width: 200px !important; }

.border-2-top { border-top: 2px solid #dee2e6 !important; }
.border-3-top { border-top: 3px solid #dee2e6 !important; }
.border-top-dark { border-top-color: #000 !important; }

.border-2-right { border-right: 2px solid #dee2e6 !important; }
.border-3-right { border-right: 3px solid #dee2e6 !important; }
.border-right-dark { border-right-color: #000 !important; }

.border-dark { border-color: #000 !important; }

.text-1rem { font-size: 1rem !important; }

.menu-btn {
	background: none;
	border: none;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.menu-btn:hover { background-color: rgba(0, 0, 0, 0.03); }

.menu-btn:focus {
	outline: none;
	background-color: rgba(0, 0, 0, 0.03);
}

.menu-btn .mdi-dots-vertical { margin-left: 3px; margin-top: 1px; }

.dropdown-top-right {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
}

.dropdown-menu {
	border: 1px solid rgba(0, 0, 0, .05);
	padding: .5rem;
}

.dropdown-menu .dropdown-item {
	font-size: 80%;
	padding: .6rem .6rem .5rem .5rem;
	-webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.dropdown-menu .dropdown-item:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}

#content > .row {
    /*background-color: #fafbfe;*/
    padding-top: 15px;
    padding-bottom: 15px;
}

.line-height-110 { line-height: 110%; display: inline-block; }

.table-hover tbody tr {
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.table-hover tbody tr:hover {
    background-color: rgb(252, 248, 227);
}

.table-centered td:not(.align-top), .table-centered th:not(.align-top) {
     vertical-align: middle !important;
}

.table thead th { border-top: none; }

.toggle.pill, .toggle-on.pill, .toggle-off.pill { border-radius: 1rem; }
.toggle.pill .toggle-handle { border-radius: 1rem; }

.popover { 
    max-width: 100%; 
    width: 800px;
    border: 0 solid transparent;
    border-radius: .2rem;
    
    -webkit-box-shadow: 0px 1px 0.5px 0.5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 0.5px 0.5px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 0.5px 0.5px rgba(0,0,0,0.2);
}

.popover-auto { width: auto; }

.popover-colored-header {
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);       
}

.popover-colored-header .close {
    color: #fff !important;
    margin: .33rem .53rem -1rem auto;
}
.popover-colored-header .close:hover {
    
}

h3.popover-header { display: inline-block; }

.popover-header { border-bottom: 0 solid transparent; }

/*.custom-checkbox label { cursor: pointer; }*/

/* Custom Checkbox */
.custom-checkbox-wrapper {
	display: flex;
	align-items: center;
}

.custom-checkbox-wrapper .custom-checkbox-input {
	--active: #727cf5;
	--active-inner: #fff;
	--focus: 2px rgba(114, 124, 245, 0.25);
	--border: #dee2e6;
	--border-hover: #727cf5;
	--background: #fff;
	--disabled: rgba(114, 124, 245, .5);
	--disabled-inner: rgba(114, 124, 245, .5);
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 15px;
	outline: none;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0;
	cursor: pointer;
	border: 1px solid var(--bc, var(--border));
	background: var(--b, var(--background));
	transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}

.custom-checkbox-wrapper .custom-checkbox-input:after {
	content: "";
	display: block;
	left: 0;
	top: 0;
	position: absolute;
	transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
}

.custom-checkbox-wrapper .custom-checkbox-input:checked {
	--b: var(--active);
	--bc: var(--active);
	--d-o: .3s;
	--d-t: .6s;
	--d-t-e: cubic-bezier(.2, .85, .32, 1.2);
}

.custom-checkbox-wrapper .custom-checkbox-input:disabled {
	--b: var(--disabled);
	cursor: not-allowed;
	opacity: 0.9;
}

.custom-checkbox-wrapper .custom-checkbox-input:disabled:checked {
	--b: var(--disabled-inner);
	--bc: var(--border);
}

.custom-checkbox-wrapper .custom-checkbox-input:disabled + label {
	cursor: not-allowed;
}

.custom-checkbox-wrapper .custom-checkbox-input:hover:not(:checked):not(:disabled) {
	--bc: var(--border-hover);
}

.custom-checkbox-wrapper .custom-checkbox-input:focus {
	box-shadow: 0 0 0 var(--focus);
}

.custom-checkbox-wrapper .custom-checkbox-input:not(.switch) {
	width: 15px;
	border-radius: 4px;
}

.custom-checkbox-wrapper .custom-checkbox-input:not(.switch):after {
	opacity: var(--o, 0);
	width: 4px;
	height: 8px;
	border: 2px solid var(--active-inner);
	border-top: 0;
	border-left: 0;
	left: 5px;
	top: 2px;
	transform: rotate(var(--r, 20deg));
}

.custom-checkbox-wrapper .custom-checkbox-input:not(.switch):checked {
	--o: 1;
	--r: 43deg;
}

.custom-checkbox-wrapper .custom-checkbox-input + label {
	display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 8px;
    flex: 1;
    min-height: 20px;
}

.custom-checkbox-wrapper * {
	box-sizing: inherit;
}

.custom-checkbox-wrapper *:before,
.custom-checkbox-wrapper *:after {
	box-sizing: inherit;
}
/*.custom-control-input {
  position: absolute;
  z-index: -1;
opacity: 0; }
.custom-control-input:checked ~ .custom-control-label::before {
color: #727cf5;
border-color: #727cf5;
background-color: #727cf5; }
.custom-control-input:focus ~ .custom-control-label::before {
-webkit-box-shadow: 0 0 0 1px #fafbfe, 0 0 0 0.15rem rgba(114, 124, 245, 0.25);
		box-shadow: 0 0 0 1px #fafbfe, 0 0 0 0.15rem rgba(114, 124, 245, 0.25); }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #80bdff; }
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff;
background-color: #b3d7ff;
border-color: #b3d7ff; }
.custom-control-input:disabled ~ .custom-control-label {
color: #6c757d; }
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #727cf5;
  background-color: #727cf5; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(114, 124, 245, 0.5); }

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(114, 124, 245, 0.5); }*/

.custom-radio .custom-control-label::before {
  border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(114, 124, 245, 0.5); }

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 16px;
    margin-bottom: 0;
    vertical-align: middle;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ddd;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider { background-color: #04AA6D; }

input:focus + .slider { box-shadow: 0 0 1px #04AA6D; }

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.slider.round { border-radius: 17px; }
.slider.round:before { border-radius: 50%; }

.card {
    border: 1px solid #e3eaef;
    box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
}

.card-header {
    text-transform: uppercase;
    letter-spacing: .02em;
    font-size: 1rem;
    color: var(--body-text-color-light);
    background-color: transparent;
    border: none;
}

.card .header-title {
    margin-bottom: .5rem;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-size: .875rem;
    margin-top: 0;
}

.reservation-calendar {
    /* inset shadow when there is more to scroll */
    background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 20, .50), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 20, .50), rgba(255, 255, 255, 0));
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
    background-attachment: local, local, scroll, scroll;    
    
    font-size: 90%;
}

.reservation-calendar .table-bordered td, .table-bordered th,
.reservation-calendar .table thead th {
    border-color: #000; 
    padding-bottom: .08rem;
    height: 25px;
}
.reservation-calendar .table-bordered th[scope=row] {
    font-weight: normal;
    min-width: 260px;
    max-width: 260px;
}

.reservation-calendar .freeze_first_column tr>th:first-child,
.reservation-calendar .freeze_first_column tr>td:first-child {
    box-shadow: rgba(0,0,0, 0.4) 4px 0 4px;
    background-color: white;
    position: sticky;
    display: block;
    left: 0;
}

.reservation-calendar .freeze_first_column td:first-child {
    height: auto;
    border: none;
    box-shadow: none;
}

.reservation-calendar .legend {
    
}
.reservation-calendar .legend ul {
    margin-top: 10px;
    padding: 0;
}
.reservation-calendar .legend ul li {
    list-style: none;
    margin-left: 0;
    line-height: 27px;
    margin-bottom: 2px;
}
.reservation-calendar .legend ul li .legend-label {
    display: block;
    float: left;
    width: 35px;
    height: 25px;
    margin-right: 5px;
    margin-left: 0;
}
/* Calendar Legend */
.reservation-calendar .legend ul li .primary-prop-booking { background-color: #535089; }
.reservation-calendar .legend ul li .assoc-prop-booking { background-color: rgba(83, 80, 137, .85); }
.reservation-calendar .legend ul li .owner-block { background-color: #999; }
.reservation-calendar .legend ul li .maintenance-block {
    background-color: #999;
    background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(135deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(135deg, transparent 75%, #ccc 75%);
    background-size: 5px 5px;
    background-position: 0 0, 2.5px 0, 2.5px -2.5px, 0px 2.5px;
}
.reservation-calendar .legend ul li .soft-hold { background-color: #bbb; }

.calendar-weekend { background-color: #ddd; }
.calendar-booked {
    background-color: #535089;
    color: #000;
    border-left: none !important;
    border-right: none !important;
}
.calender-assoc-prop-booking {
    background-color: rgba(83, 80, 137, .85);
    color: rgba(255, 255, 255, .4);
}
.calender-turnover.calender-assoc-prop-booking {
    color: rgba(0, 0, 0, .4);
}
tr td.calendar-booked:last-child {
    border-right: solid 1px #000 !important;
}
.calender-in {
    /*border-right-color: #535089 !important;*/
}
.calender-out {
    /*border-left-color: #535089 !important;*/
}
.calender-stay {
    /*border-left-color: #535089 !important;
    border-right-color: #535089 !important;*/
    width: 35px;
}
.pending { background-color: #fef5e4; }
.owner_block { background-color: #999; }
.maintenance {
    background-color: #999;
    background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(135deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(135deg, transparent 75%, #ccc 75%);
    background-size: 5px 5px;
    background-position: 0 0, 2.5px 0, 2.5px -2.5px, 0px 2.5px;
}
.reservation-calendar td a,
.reservation-calendar td.maintenance a.reservation_notes,
.reservation-calendar td.owner_block a.reservation_notes,
.reservation-calendar td.soft_hold a.reservation_notes {
    color: #fff !important;
    cursor: pointer;
}
.reservation-calendar td a.reservation_notes {
    color: #00CC00 !important;
    cursor: pointer;
}
/*td.maintenance:nth-child(odd) {
    background-color: #999;
    background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(135deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(135deg, transparent 75%, #ccc 75%);
    background-size: 5px 5px;
    background-position: 0 0, 2.5px 0, 2.5px -2.5px, 0px 2.5px;
}

td.maintenance:nth-child(even) {
    background-color: #ccc;
    background-image: linear-gradient(45deg, #999 25%, transparent 25%), linear-gradient(135deg, #999 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #999 75%), linear-gradient(135deg, transparent 75%, #999 75%);
    background-size: 5px 5px;
    background-position: 0 0, 2.5px 0, 2.5px -2.5px, 0px 2.5px;
}*/

.soft_hold {
    /*background-color: rgba(83, 80, 137, .65);*/ 
    background-color: #bbb;
}
.calender-turnover {
    background-color: #FDFF00;
    background-image: none;
}

.badge { border-radius: 0.15rem; }
.badge-lg { font-size: 100%; font-weight: 400; }


.bg-primary-light, .badge-primary-light {
    color: var(--primary-btn-text-color) !important;
    background-color: var(--primary-btn-bg-color-light) !important;
    border-color: var(--primary-btn-bg-color-light) !important;
}

.bg-primary, .badge-primary {
    color: var(--primary-btn-text-color) !important;
    background-color: var(--primary-btn-bg-color) !important;
    border-color: var(--primary-btn-bg-color) !important;
}
.border-primary {
    border-color: var(--primary-btn-bg-color) !important;
}
.btn-primary, .fc-button, .fc .fc-state-default {
    color: var(--primary-btn-text-color);
    background-color: var(--primary-btn-bg-color);
    border-color: var(--primary-btn-bg-color);
    -webkit-transition: background-color 0.4s ease-in-out;
    -moz-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out;
}
.btn-primary.focus, .btn-primary:focus,
.fc-button.focus, .fc-button:focus {
	color: var(--primary-btn-text-color);
    background-color: var(--primary-btn-bg-color-light);
    border-color: var(--primary-btn-bg-color-light);
    -webkit-box-shadow: 0 2px 6px 0 rgba(126, 135, 246, .5);
    box-shadow: 0 2px 6px 0 rgba(126, 135, 246, .5);
}
.btn-primary:hover, .fc-button:hover {
    color: var(--primary-btn-text-color);
    background-color: var(--primary-btn-bg-color-light);
    border-color: var(--primary-btn-bg-color-light);
}
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle,
.fc-button:not(:disabled):not(.disabled).active, 
.fc-button:not(:disabled):not(.disabled):active, 
.show>.fc-button.dropdown-toggle {
    background-color: var(--primary-btn-bg-color-dark);
    border-color: var(--primary-btn-bg-color-dark);
}
.btn-primary.disabled, .btn-primary:disabled,
fc-button.disabled, fc-button:disabled {
    background-color: var(--primary-btn-bg-color-dark);
    border-color: var(--primary-btn-bg-color-dark);
}

.btn-info {
    color: #fff;
    background-color: #7badac;
    border-color: #7badac;
    -webkit-transition: background-color 0.4s ease-in-out;
    -moz-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out;
}
.btn-info.focus, .btn-info:focus {
    -webkit-box-shadow: 0 2px 6px 0 rgba(102, 153, 153, .5);
    box-shadow: 0 2px 6px 0 rgba(102, 153, 153, .5);
}
.btn-info:hover {
    background-color: #669999;
    border-color: #669999;
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    background-color: #618e8d;
    border-color: #618e8d;
}

.info-bg {
	color: #fff;
	background-color: #618e8d !important;
}

.bg-brown {
	color: #fff;
	background-color: #a67657 !important;
}
.bg-grey { background-color: rgba(0, 0, 0, .05) !important; }

.inline-block { display: inline-block; }

#contact-notes, #general-notes { }
#general-notes { min-height: 110px; }

h4.modal-title { font-size: 1.125rem; }
.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid transparent;
    border-radius: .2rem;
    outline: 0;
}
.modal-colored-header { 
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
}
.modal-colored-header .close { color: #fff!important; }

.fc .fc-content {
    color: var(--primary-btn-text-color);
    background-color: var(--primary-btn-bg-color);
}

/* QuickBooks Online-style loading animation */
.qb-loader {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}

.qb-circle {
	position: absolute;
	border: 4px solid var(--primary-btn-bg-color);
	opacity: 1;
	border-radius: 50%;
	animation: qb-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.qb-circle-2 { animation-delay: -0.5s; }

.qb-circle-3 { animation-delay: -1s; }

@keyframes qb-ripple {
	0% {
		top: 28px;
		left: 28px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: -1px;
		left: -1px;
		width: 58px;
		height: 58px;
		opacity: 0;
	}
}

/* Alternative spinning dots loader (more similar to QB Online) */
.qb-loader-dots {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.qb-loader-dots div {
	position: absolute;
	top: 33px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: var(--primary-btn-bg-color);
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.qb-loader-dots div:nth-child(1) {
	left: 8px;
	animation: qb-dots1 0.6s infinite;
}

.qb-loader-dots div:nth-child(2) {
	left: 8px;
	animation: qb-dots2 0.6s infinite;
}

.qb-loader-dots div:nth-child(3) {
	left: 32px;
	animation: qb-dots2 0.6s infinite;
}

.qb-loader-dots div:nth-child(4) {
	left: 56px;
	animation: qb-dots3 0.6s infinite;
}

@keyframes qb-dots1 {
	0% { transform: scale(0); }
	100% { transform: scale(1); }
}

@keyframes qb-dots3 {
	0% { transform: scale(1); }
	100% { transform: scale(0); }
}

@keyframes qb-dots2 {
	0% { transform: translate(0, 0); }
	100% { transform: translate(24px, 0); }
}

/********************************/
/* Begin Responsive Breakpoints */

/* Larger Than 575px */
@media (min-width: 576px) {
    
}

/* Larger Than 767px */
@media (min-width: 768px) {
    
}

/* Larger Than 991px */
@media (min-width: 992px) {
    
}

/* Larger Than 1199px */
@media (min-width: 1200px) {
    
}
/******************************/
/* End Responsive Breakpoints */