@media (min-width:768px) {
    
    /**** ALTERNATE HEADER ****/
    #header .submenu ul li a {font-size: 18px;padding: 7px 15px 7px 15px;}
    #header .submenu ul li a:hover {background:#f2f2f2; color:#133e68}
    
    /* Shrink Menu */
    #header.shrink-nav {background-color: #f5f5f5; height: 111px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
    #header.shrink-nav nav {padding:0.5rem 1rem;}
    #header.shrink-nav .navbar-brand {/*color:#fff;*/}
    #header.shrink-nav .navbar-brand img {width:150px;}
    #header.shrink-nav ul li a {color:#fff;}

    #header.shrink-nav #usermenu {margin: 0;}
    #header.shrink-nav #headsearch form input {height:30px; font-size:14px; padding: 4px 10px;}
    #header.shrink-nav #headsearch form button {height: 30px; width: 35px;}
    
    /* Policy Pages */
	a#closepolicy {right: 50px; top: 30px;}
}

@media (min-width:992px) {
    
    /* Header */
    #header .submenu ul li a {font-size: 20px;padding: 7px 20px 7px 20px;}
    
    /* Policy Pages */
	a#closepolicy {right: 72px; top: 48px;}
    
    /* Inside Pages */
    .leftcolumn {-ms-flex: 0 0 30%; flex: 0 0 30%; max-width:30%;}
    .rightcolumn {-ms-flex: 0 0 70%; flex: 0 0 70%; max-width:70%;}
    .subtitle {width:70%;}
    
    /* Bus Page */
    .adContent > .bus-image {width:70%; float:left; padding-right: 5%;}
    .adContent .sub {width:25%;}
}


@media (min-width:1200px) {
    /* Header */
    #header .submenu > div {max-width:1140px; padding-left: 15px; padding-right: 15px; margin: 0 auto;}
    #header .submenu ul {-webkit-justify-content: flex-start; justify-content: flex-start;}
    #header .submenu ul li {}
    #header .submenu ul li a {}
}

@media (max-width:768px) {
    
    /* Header */
    #navbarCollapse {position: fixed; top: 0; right: 0; left: 0; bottom: 0; width:100%; height: 100%; background: rgba(255,255,255,0.95); z-index: 1041; visibility: hidden; opacity: 0;-webkit-transform: scale(0.9);transform: scale(0.9);-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;-webkit-transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content:center;}
    
    #navbarCollapse.show {visibility: visible;opacity: 1;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;-webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s;transition: transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;}
    #navbarCollapse ul.ml-auto {margin-left: 0 !important;}
    #navbarCollapse ul li.searchbutton {display: none;}
    #navbarCollapse ul li a {color: #333; text-align: center;}
    
    #navbarCollapse #menusearch {display:block !important; position: relative; right: auto; left: auto; margin: 0 auto;}
    #navbarCollapse #menusearch > div {float: none; overflow: hidden;}
    #navbarCollapse #menusearch form {margin: 0 auto; float: none; overflow: hidden;}
    #navbarCollapse #menusearch a.closesearch {display:none;}
    
    #header ul li.dropdown > a {padding: 0.5rem 2rem}
    
    /**** ALTERNATE HEADER ****/
    #header {height: auto;}
    #header.shrink-nav {height: auto;}
    #header > nav {padding: 0.5rem 1rem}
    #header .navbar-brand img {width:150px;}
    #header #usermenu {margin: 0;}
    #header #usermenu div.dropdown > span {display:none;}
    #header #usermenu button i {font-size:18px;}
    #header #userdd {position: fixed; z-index: 42; left: 12.5%; right: 12.5%; width:75%; top:20%;}
    #header #userdd a.closemenu {display: block;}
    #headsearch {display:none;}
    #headsearch-mobile {display:block; top: 20%; position: fixed; z-index: 42; width:75%; left: 12.5%;}
    
    #header .submenu ul li {width:50%;}
    #header .submenu ul li:first-child {/*border-right: 1px solid #eee;*/}
    #header .submenu ul li a {font-size:18px; text-align: center;}
    #header .submenu ul li:first-child:after {position: absolute; height:60%; width:1px; background:#fff; content: ""; top:20%;}
    .pagewrapper.inside .maincontent.home {/*padding-top: 108px;*/}
    
    #menuoverlay {position: fixed; background:rgba(0,0,0,0.85); width:100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; display:block; z-index: 41; visibility: hidden; opacity: 0; transition: all ease 0.5s;}
    #menuoverlay.active {visibility: visible; opacity: 1;}
    
    /*Inside Pages */
    .insidecontent > .container {max-width: 90%;}
    
    /* Cat Page */
    .listbusiness .item span.busname {height:60px; display: table;width:100%; line-height: 1.25; font-size:15px;}
    .listbusiness .item span.busname > span {display: table-cell; vertical-align: middle;}
}

@media (max-width:567px) {
    
    .backstretch {display: none !important;}
    .pagewrapper.main:after {background: none !important;}
    .maincontent.mainpage {background-color:#133e68;}
    
    /**** ALTERNATE HEADER ****/
    #header .navbar-brand img {width:120px;}
    .pagewrapper.inside .maincontent.home {/*padding-top: 97px;*/}
    
    #header #userdd {left: 5%; right: 5%; width:90%;}
    #headsearch-mobile {left: 5%; right: 5%; width:90%;}
    
    #maintitle > .container img.mainlogo {width:200px; margin-top:20px;}

    /* Footer */
    footer.main .container ul li a {font-size:15px;}
    
    /* Policy Pages */
	a#closepolicy {right: 20px; top: 15px; width:30px; height: 20px;}
	#privacytable .well p {overflow-wrap: break-word;word-wrap: break-word;}
	#privacytable .well a {overflow-wrap: break-word;word-wrap: break-word;}
    
    /* Main Page */
    #maintitle > .container > span {font-size:35px;}
    
    /* Vendor Page */
    .adContent {-webkit-flex-wrap: wrap;-ms-flex-flow: row wrap;flex-wrap: wrap;-ms-flex-direction: column; flex-direction: column; }
    .adContent > .bus-image {width:90%; padding-right: 0;}
    .adContent .sub {width:100%; margin-top:20px;}
    
  
}

@media (max-width: 480px) {
    
    /* Header */
     #header .submenu ul li a {font-size:15px;}
    
    /* Footer */
    footer.main .container ul li a {font-size:13px;}
    
    /* Main Page */
    #maintitle > .container > span {font-size:30px;}
    #maintitle .formdiv .tab-group {margin: 0 0 20px 0;}
    #maintitle .formdiv .tab-group li a {padding: 10px; font-size:19px;}
    #maintitle .formdiv {padding: 30px 20px;}
    #maintitle .formdiv .form-group label { font-size:0.6rem;}
    #maintitle .formdiv input.form-control {height: 45px;padding: 10px 10px; font-size:1rem;}
    #maintitle .formdiv .form-row .col-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}
    #maintitle .formdiv .form-row .col-6:first-child {margin-bottom:10px;}
    #maintitle .formdiv .form-row .col-6:last-child {margin-top: 10px;}
    .customcheckbox label {font-size:13px;}
    
    /*Inside Pages */
    .insidecontent > .container {max-width: 100%;padding-top:20px;}
    .pagetitle h2 {font-size:30px; line-height:40px;}
    
    /* Form Pages */
    .formContainer form .form-row .col-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}
    .formContainer form .form-row .col-6:first-child {margin-bottom:10px;}
    .formContainer form .form-row .col-6:last-child {margin-top: 10px;}
    
    /* Category */
    div.catlist .col-6 {padding-left: 5px; padding-right: 5px;}
    div.catlist .col-6 > div > div {height: 150px;}
    
    /* Business */
    .listbusiness .item {padding-left: 5px; padding-right: 5px;}
}