/** Resets **/
.mobile-menu {
    display: none;
    position: absolute;
    right: 20px;
    top: 43px;
    cursor: pointer;
}

#feedbackForm select {
    height: 32px;
    padding: 6px 5px;
    width: 100%;
}

.cooltable.budget td input {
    padding: 3px;
}

@media only screen and (max-width: 950px) {
    #copyright {
        padding: 0 15px;
    }
    #mainstreet .twelve.columns > p:first-child img {
        margin-right: 0;
    }
    #master-div {
        overflow-x: scroll;
    }
}

@media only screen and (max-width: 925px) {
    .hero-image {
        margin-bottom: 10px;
        width: 48%;
    }
    .hero-image.hero3 {
        width: 97.5%;
    }
    .portrait.float-left.page-image {
        width: 49%;
        padding: 0;
        margin: 0;
    }
    .portrait.float-right.page-image {
        width: 49%;
        padding: 0;
        margin: 0;
        float: right;
    }
    .bar-main-container {
        width: auto;
    }
    .listingsnippetcontent {
        width: 65%;
    }
    #header-rhs {
        padding: 0 15px 0 0;
    }

    /* Calendar Responsive */
    #calendarWrapper {
        overflow: hidden;
    }
    #calendar {
        overflow-x: scroll; 
    }
    .fc-view {
        overflow: visible !important;
        width: 910px !important;
    }
    .fc-view > table {
        width: 910px !important;
    }
    .fc-view div {
        overflow: visible !important;
    }
}

@media only screen and (max-width: 880px) {
    .cat-image-wrapper .page-tile:nth-child(3n), .gallery-snippets .page-tile:nth-child(3n) {
        margin-right: 0;
    }
    .page-tile.page-tile-for-cats .page-tile-image {
        height: 150px;
        margin-bottom: 12px;
    }
    .page-tile.page-tile-for-cats .page-tile-image a img {
        height: auto;
    }
    .cat-image-wrapper a:nth-child(3n) .category-tile {
        margin-right: 0;
    }
    .category-tile {
        height: auto;
    }
    .category-tile-image {
        height: auto;
    }
    dl.tabs dd {
        min-width: 1px;
        width: 16.4%;
    }
}

@media only screen and (max-width: 850px){
    .button {
        min-width: 0px;
    }
    #menu1 > a {
        font-size: 11px;
    }
    .category-tile h4 {
        font-size: 13px;
    }
    .row.right {
        float: none;
        text-align: center;
    }
}

@media only screen and (max-width: 800px){
    .icaSlider {height: 390px !important;}
    .listing-snippet-logo {
        position: relative;
        top: auto;
        right: auto;
    }
}

@media only screen and (max-width: 767px){
        
	.nav-bar > li{text-align: left}

	ul.flyout li a, .nav-bar li ul li a {padding-left: 35px; font-weight: normal}
        
    div.flyout ul li a{padding : 0}

    #footer2 .two.columns {
        float: left;
        width: 33.33% !important;
    }
    .home-page-button.small.button {
        width: 150px;
    }
    #menu1 {
        height: auto;
        line-height: 20px;
        margin: 15px 0;
    }
    #menu1 > a {
        font-size: 13px;
    }
    .search-form {
        margin-top: 15px;
    }
    #hideMobile {
        display: none;
    }
    #header {
        padding-bottom: 10px;
    }
    .mobile-menu {
        display: block;
    }
    .buttonRow .button {
        width: 80px;
    }
    .account-settings-button {
        display: inline-block;
        margin-bottom: 5px;
        width: auto;
    }
    .topic .faqContent .button {
        display: inline-block;
        width: 145px;
        margin-bottom: 5px;
    }
    .button {
        display: inline-table;
        margin: 5px auto;
    }
    .cooltable {
        min-width: 100%;
    }
    input.button[type="submit"] {
        width: auto;
    }
    .supplier-curve-box {
        margin-top: 0px;
    }
    .supplier-curve-box .button {
        margin-right: 8px;
    }
    #ui-datepicker-div {
        z-index: 20 !important;
    }
    .supplier-registration-table tr:first-child td a {
        display: block;
    }
    #google-map {
        margin-bottom: 15px; 
    }
    .header-login .button {
        margin-left: 7px;
    }
}

@media only screen and (max-width: 730px) {
    dl.tabs dd {
        width: 25%;
    }    
    #hero h1.headertitle {
        margin-bottom: 12px;
    }
    #hero h5.headersubtitle {
        margin-top: 0;
    }
    #hero h5.headersubsubtitle {
        margin-top: 0;
        text-align: left !important;
    }
    .header-button {
        position: static;
        margin-top: 0;
    }
    dl.tabs dd.listing-tab {
        width: 20%;
    }
}

@media only screen and (max-width: 690px) {
    .candy2 {
        margin-left: 0;
        margin-top: 15px;
    }
    .candy-container {
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .page-tile-image {
        margin-bottom: 0;
    }
    .page-tile {
        height: 285px;
    }

    .listing-snippet-buttons {
        position: relative;
    }
}

@media only screen and (max-width: 650px){
    .hide-on-tablet {display: none;}
    .show-on-tablet {display: block;}
    .search-form {
        margin-top: 13px;
    }
    .search-arrow {
        left: 135px;
    }
    input.search-box {
        width: 135px;
    }
    #search-form {
        margin-right: 10px;
    }
    .category-tile {
        width: 47%;
    }
    .cat-image-wrapper a:nth-child(3n) .category-tile {
        margin-right: 13px;
    }
    .cat-image-wrapper a:nth-child(2n) .category-tile {
        margin-right: 0;
    }
}

@media only screen and (max-width: 600px) {
    .page-tile {
        width: 47%;
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .cat-image-wrapper .page-tile:nth-child(3n), .gallery-snippets .page-tile:nth-child(3n) {
        margin-right: 13px;
    }
    .cat-image-wrapper .page-tile:nth-child(2n), .gallery-snippets .page-tile:nth-child(2n) {
        margin-right: 0;
    }

}

@media only screen and (max-width: 550px) {
    dl.tabs dd {
        width: 33.33%;
    }
    #main_wrapper {
        width: auto;
    }
    .milestone {
        width: 45px;
    }
    .dash-scrollable-item {
        width: 48%;
        margin-right: 5px;
    }
    .supplier-registration-table tr, .supplier-registration-table tr td {
        float: left;
        width: 100%;
    }
    .supplier-registration-table tr:first-child td:nth-child(n+2) {
        width: 25%;
    }
    .supplier-registration-table tr:first-child td a {
        height: 70px;
        width: 100%;
        display: block;
    }
    .business-development-module {
        display: block;
        width: 100%;
    }
}

@media only screen and (max-width: 505px) {
    .hero-image {
        width: 100% !important;
        min-height: 1px;
        margin-right: 0;
    }
    .hero-image > p {
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 480px) {
    #footer2 .two.columns {
        width: 49% !important;
        vertical-align: top;
        float: none;
        display: inline-block;
    }
    .faqContent {
        padding: 0 15px;
    }
    .customgallery .galleria-thumbnails .galleria-image, .galleria-thumbnails .galleria-image {
        width: 100% !important;
    }
    .galleria-container img {
        height: auto !important;
        width: 100% !important;
        margin-top: -15%;
    }
    #loginform tr td {
        float: left;
        width: 100% !important;
    }
    .left.total-budget {
        float: none;
    }
    .right.total-budget-bar {
        float: none;
        margin-left: 15px;
        margin-right: 15px;
    }

    .feature-set-list .feature-page-picture {
        float: none;
        width: 100%;
    }
    .feature-set-list .feature-page-picture > img {
        float: none !important;
        width: 100%;
    }
    .feature-set-list .feature-page-copy {
        width: 100%;
        float: none;
        padding-left: 0;
    }
}

@media only screen and (max-width: 450px) {
    .supplier-registration-table tr:first-child td:nth-child(n+2) {
        width: 50%;
    }
}

@media only screen and (max-width: 425px) {
    #menu1 {
        margin-top: 0;
    }
    #menu1 > a {
        display: block;
        padding: 4px 0;
        border-right: none;
    }
    input.search-box {
        width: 100%;
    }
    #search-form {
        margin-right: 30px;
        float: none;
    }
    .search-arrow {
        left: auto;
        right: -25px;
    }
    .header-login {
        float: none;
    }
    .header-login .button {
        width: 49%;
        margin: 0 auto 5px;
        float: none;
    }
    .category-tile {
        width: 100%;
        margin-right: 0;
    }
    .category-tile-image > img {
        width: 100%;
    }
    .page-tile {
        width: 100%;
        height: auto;
    }
    .page-tile .promo-text {
        height: auto;
    }
    .page-tile-desc {
        padding: 0 10px 10px;
    }
    dl.tabs dd {
        width: 50%;
    }
    #mainstreet > .columns > p:first-child > img {
        width: 100%;
    }
    #feedbackForm .cooltable td {
        float: left;
        width: 100%;
    }
    .promo-tile .promo-tile-image {
        margin-right: 5px;
    }
    .listingsnippetcontent {
        width: 60%;
    }
    .supplier-metric-div {
        width: 100%;
    }
    .supplier-metric-div input[type="text"], .supplier-metric-div select {
        width: 100%;
    }
    dl.tabs dd.listing-tab {
        width: 50%;
    }
    .listing-button {
        display: block !important;
        clear: both;
        position: relative;
        top: 10px;
    }
    #header-rhs {
        padding: 0 15px;
    }
    .table-fix {
        overflow-x: scroll;
    }
}

@media only screen and (max-width: 380px) {
    #breadcrumbs {
        line-height: 17px;
    }
    .milestone {
        width: 25px;
    }
    .cooltable.checklisttable tr td:nth-child(2) img {
        display: none;
    }
    .dash-scrollable-item {
        width: 100%;
        margin-right: 0;
    }
    .listingsnippetcontent {
        width: 100%;
    }
    .icaSlider {height: 175px !important;}
    .icaSlider .slider .slide {
        height: 175px;
        line-height: 175px;
    }
    .icaSlider .slider .slide img {
        max-height: 175px;
    }
    .prev {top: 25%;}
    .next {top: 25%;}
}

@media only screen and (max-width: 350px){
    .mobile-menu {
        min-height: 70px;
    }
    #menu1 > a {
        border-right: none;
        padding: 7px 9px;
        display: block;
    }
    .candy {
        width: 300px !important;
        height: 150px;
        background-size: cover !important;
    }
    .portrait.float-left.page-image {
        width: 48%;
    }
    .portrait.float-right.page-image {
        width: 48%;
    }
}