img {
    max-width: 100%;
}
.formtextbox-regbody, html {
    min-width: 100%;
    /* overflow-x: hidden; */
}

.container {
    height: auto;
 	overflow: auto;
 	position: initial;
 	width:auto;
 	border: none;
}



ul.submenu {
    float: initial;
    display: block;
}

ul.submenu li {
    display: initial;
}

.caption-nav-wrapper .caption {
    height: 150px;
    width: 65%;
}



/* Homepage Slider */

.hp-gallery {
    height: auto;
}
.bx-viewport {
    margin-left: 0;
    padding-left: 0;
    margin-left: 0
}

.bx-viewport:before {
    display: none;
}

a:focus, a:hover {
    color: inherit;
}

.caption-nav-wrapper .indicator {
    display: none;
}

.hp-admin-actions {
    margin-bottom: 15px;
}

/* Homepage Grid Items */
.grid {
    width: 100%;
    height: auto;
}


.grid-item {
    border-right: none;
}
.grid-item img {
    height: auto;
}

.hp-collections {
    width: 100%;
}

.hp-collections li {
    width: 100%;
    display: block;
    float: none;
    margin-bottom: 10px;
}

.hp-collections li img {
    margin-top: 0;
    padding-top: 50px;
}

.caption-nav-wrapper .view-button {
    background: #666;
    padding: 10px;
}

#mobile-footer {
    width: 100%;
    background-color: #000;
    padding: 15px;
}

#mobile-footer li {
   width: 100%;
   padding: 10px 0;
}

#mobile-footer li a {
    color: #999;
}

.copyright {
    background: #000;
    padding: 20px 15px 0px 15px;
    color: #999;
}

.copyright a {
    color: #999;
    font-size: 11px;
}

.content-wrapper {
    padding: 0;
}

/* begin featured page overrides */
.result-set {
    padding: 10px 0;
    min-height: initial;
}


img.stream-photo {
    max-width: 100%;
}
/* .stream-photo-wrapper {
    width: 100%;
} */
.stream-photo-wrapper .num {
    line-height: 20px;
}

.stream-photo-inner label {
    display: block;
    width: 100%;
}

/* end featured page overrides */


/* begin page header overrides */
.page-header-new {
    width: 100%;
    margin-bottom: 15px;
    text-align: left;
}
.page-header-new .title h2 {
    font-size: 150%;
    padding: 0 15px;
    font-family: 'Futura Today Bold';
}

.container-fluid .page-header-new .title h2 {
    padding: 0;
}
/* end page header overrides */

/* begin setsPerTitle overrides */

.onelayer-wrapper {
    padding: 0;
}

.imginfoblock {
    position: initial;
    background: none;
    margin-top: 5px;
}

.verttop {
    position: initial;
    width: 100% !important;
    overflow: hidden;
    padding-bottom: 15px;
}

.photoThmBox {
    width: 100% !important;
    margin: 0 auto 15px auto !important;
    float: none;
    display: block;
    clear: both;
    height: auto !important;
}

.page-header-wrapper {
    margin-bottom: 20px;
}

.photo-thumbnail-wrapper {
    display: block;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

.imgbox {
    height: 100%;
}

.Protectpicture>img {
    width: 100%;
    padding: 0 16px;
}

div.Protectpicture img.gard {
    width: 100%;
}

.pictureInfoBar {
    font-size: 120%;
}

.pictureInfoBarLight {
    font-size: 100%;
}

.imginfoblock>.pictureInfoBar:first-child {
    font-size: 100%;
}

.filters.toggle {
    width: 100%;
    float: none;
    clear: both;
    overflow: hidden;
    height: 0;
}

.filters.toggle {
    padding: 0 15px;
     -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
}
.filters.toggle.collapse.in {
    height: 210px;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
}

#gallery-stream .filter,
.page-header .filter {
    margin: 0 0 15px;
}

#set_filter {
    padding-top: 15px;
}
#gallery-stream .filter-keywords,
.page-header .filter-keywords {
    height: 34px;
    background: #000;
    border-color: #666;
}

.page-header {
    border: none;
    padding-bottom: 0;
    display: block;
}
#gallery-stream .filter .search-btn,
.page-header .filters .search-btn {
    height: 34px;
    background: #000;
   border-color: #666;
}

.page-header .title {
    padding: 0 15px 15px;
}

.filter input.datepicker {
    background: #000;
    border-color: #666;
}

.filter .ui-datepicker-trigger {
    border-color: #666;
}

/* Begin Homepage promo sliders BX */

.bx-wrapper {
    max-width: 10000px !important;
}

.bx-wrapper .bx-controls-direction a {
    opacity: .3;
    font-size: 30px;
}

.bx-wrapper .bx-controls-direction a {
    z-index: 991;
}

/* HP Collections Slider */
.hp-collections .bx-wrapper .bx-controls-direction a {
    color: #000;

}

.bx-viewport:after {
    display: none;
}




/* End Homepage promo sliders BX */


@media (max-width: 767px) {
   .hp-collections li img {
    width: 100%
   }

    .stream-photo-wrapper,
    .stream-photo-inner {
        width: 100%;
    }
}



/* end setsPerTitle overrides */
@media (max-width: 1024px) {
   #footer {
        display: none;
   }

   .hp-collections li {
    height: 170px;
    margin-right: 0;
   }


    /* .stream-photos {
        text-align: center;
    }

    .stream-photo-wrapper {
       width: 49.2%
    }

    .stream-photo-inner {
        width: 100%;
    } */



}

/* currentImages overrides for mobile */
.photoThumbnailbox {
    float: none;
    clear: both;
    display: block;
}
.lightboxThmBox {
    width: 100%;
    margin: 0 0 10px 0 !important;
    height: auto;
}

.lightboxverttop {
    width: 100%;
    position: initial;
}
.Protectpicture img.mobile-phone {
    width: 100%;
}

#wrapperThumSection {
    padding: 0 10px;
}

.photoThumbnailbox .imginfoblock {
    min-height: 50px;
}

.stream-photo-inner {
    width: 100%;
}
.stream-photo-wrapper.lightbox,
.stream-photo-wrapper.lightbox.featured {
    width: 100%;
    height: 100%;
    display: block;
    float: none;
}

.stream-photo-inner label {
    width: 100%;
}

/* setImages */
#imgwidgetcontainer.lightboxAnonymous {
   width: 100%;
   margin: 0;
}

#imgwidgetcontainer.lightbox .stream-photos {
    margin-top: 30px;
}

.stream-photos {
    padding: 0 15px;
}

.stream-photo-wrapper {
    width: 100%;
    height: auto;
}

/* Image Preview Overlay */
.full-modal-image-wrapper img {
    /* position: inherit; */
}

.photo-preview.ui-dialog {
    height: 100% !important /* forces height 100% because dialog inlining height auto */
}

#usatsi-preview-photo {
    height: 100%;
}

.photo-preview #dialog.ui-widget-content {
    display: block;
    height: 100% !important;
    overflow: scroll;
    width: auto;
}

.full-modal-image-wrapper {
    clear: both;
    width: 100%;
    min-height: 400px;
}

#modal-image {
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.photo-preview .modal-body {
    background-position: center 154px;
}
/* used to disable the scrolling on body when modal is open */
body.modal-open {
    overflow: hidden;
}

.modal-right-wrapper {
    float: none;
    clear: both;
    width: 100%;
    height: auto;
}

/* .photo-preview.ui-dialog {
    height: 100% !important;
    width: 100% !important;
} */

.modal-right-wrapper-left-column {
    float: none;
    clear: both;
    width: 100%;
    padding-left: 15px;
}

.modal-right-wrapper-right-column {
    float: none;
    clear: both;
    width: 100%;
    padding: 0 10px 10px 15px;
}

.full-preview-deeplink {
    padding: 0 20px 40px 15px;
}

 .photo-preview #dialog.ui-widget-content p {
    font-size: 14px;
    line-height: 20px;
 }

 /* Gallery App JS Overrides */
 #gallery-stream .stream-photo-wrapper {
    height: auto;

 }

 #gallery-stream .stream-photo-wrapper h4.gallery-title {
    font-size: 16px;
 }

 #gallery-stream .stream-photo-wrapper .count {
    font-size: 14px;
 }

 .full-modal-image-wrapper {
    width: 100%;
 }

  .publish-preview {
    float: none;
  }

  #preview-gallery {
    width: 100%;
  }

#preview-gallery .full-modal-image-wrapper {
    min-height: 250px;
}

.preview-wrapper {
    float: none;
}

.photo-preview.ui-dialog {
    width: 100% !important;
    top: 53px !important;
    left: 0;
    position: fixed;
    z-index: 2147483343;
}

/* temp hide buttons for nav gallery */
.modal-open.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: none;
}

.sigallery-outer-wrapper {
    width: 100% !important;
}

/* search */
#keywords,
.secondary-header {
    width: 100%;
    float: none;
    clear: both;
    height: 0;
    overflow: hidden;
}

#keywords.collapse.in,
.secondary-header.collapse.in {
    height: 170px;
      -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
}

#keywords.collapse.in {
    height: auto;
}

.content-wrapper {
    overflow: hidden;
}

.related-keywords .module-title h3 {
    font-size: 16px;
}

#related-keywords,
#search-results {
    width: 100%;
    float: none;
    clear: both;
}

#search-results .no-results {
    padding: 15px;
}

#related-keywords {
    padding: 0 0 15px 0;
    margin: 0;

}

#related-keywords .keyword-type {
    float: left;
}

.related-keywords .keyword {
    padding-left: 15px;
    display: table-cell;
}

.related-keywords li {
    font-size: 12px;
    margin-bottom: 10px;
}

.toggle-filters {
    background: #666;
    padding: 15px;
    color: #FFF;
    clear: both;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    display: block;
}

a.toggle-filters,
a.toggle-filters:hover,
a.toggle-filters:active,
a.toggle-filters:visited {
    text-decoration: none;
    color: #FFF;
}

.toggle-filters.active {
    background: #d5392b;
}

.toggle-filters:before {
    font-family: "Font Awesome 5 Free";
    content: "\f1de";
    margin-right: 5px;
}

.toggle-filters[aria-expanded="true"] {
    background: #d5392b;
}

b.toggle-icon-right {
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 15px;
}
b.toggle-icon-right:after {
    content:"\f054";
}

.toggle-filters[aria-expanded="true"] b.toggle-icon-right:after {
    content:"\f078";
}

.search-field .searchTextbox {
    height: 30px;
    outline : none;
    color: #fff;
    padding: 0 10px;
}


.search-field .searchDiv {
    width: 100%;
    border: 1px solid #666;
    height: 34px;
    position: relative;
}

.searchDiv.top-nav {
    position: relative;
    margin: 0 auto;
    width: 100%;
}

.searchDiv.top-nav .searchButtonNav {
    border-left: 1px solid #666;
    height: 34px;
}

/* .searchDiv.top-nav:after, */
/* .search-field .searchDiv:after {
    content: "\f002";
    font-family: FontAwesome;
    color: #666;
    position: absolute;
    top: 10px;
    right: 6px;
} */

.searchDiv.top-nav .searchTextbox {
    width: 70%;
}

.searchButtonNav {
    height: 32px;
    border-color: #666;
    float: right;
}

.search-within .searchButtonNav {
    background-color: #000;
    background-position: 0 4px;
}

.search-within .searchDiv {
    background: #000;
}

.searchTextbox {
    width: 90%;
    height: 28px;
    background: #FFF;
}


#search-results .tabs {
    float: none;
}

#search-results .tab {
    width: 22.5%;
    vertical-align: middle;
    padding: 10px 5px;
    display: inline-block;
    margin-right: 5px;
    font-size: 11px;
}

.stream-photo-inner {
    height: auto;
    display: block;
    text-align: center;
    background: #191919 url(/templates/images/photo_gallery/loader_64x64_191919.gif) no-repeat  center;
    min-height: 100px;
}

.search-within {
    padding: 0 10px 10px 10px;
}

.search-within form {
    display: block;
    clear:both;
}
.module-title {
    padding: 0 15px;
}

.search-filters {
    float: none;
    clear: both;
    padding: 15px;
}


.search-filters .filter {
    float: none;
}

.search-filters .filter select {
    background: #000;
    color: #666;
    border-color: #666;
}

.advancedSearch small {
    font-size: 12px;
}

.search-filters .filter input.datepicker {
    background: #000;
    color: #FFF;
}

.search-filters .filter-group {
    padding: 10px 0;
    float: none;
    clear: both;
    overflow: hidden;
}

.search-filters .filter {
    margin-right: 10px;
    float: left;
    display: inline-block;
}

.filter .ui-datepicker-trigger {
    background: #666;
}

.search-stream .page-header-wrapper {
    margin-bottom: 0;
}

.search-tags {
    overflow:  hidden;
    height: auto;
    padding: 10px 15px;
}

.advancedSearch {
    padding: 10px 0 0 0;
}


/* Advanced search page */

#advancedSearchinnerwrapper {
    width: 100%;
}

/* About Us / About Sports Management / Services / Contact Us */
.usatsi-content {
    width: 100%;

}

.secondary-nav {
    margin-right: 0;
    width: 100%;
    float: none;
    clear: both;
    margin-bottom: 20px;
}

.secondary-nav .nav-body {
    margin-right: 20px !important;
}

.secondary-nav li {
    display: inline-block;
    border-bottom: none;
}

.secondary-nav li:first-child {
    margin-right: 15px;
}

.about-us {
    width: 100%;
}

.about-us h2 {
    font-size: 24px;
    margin-bottom: 0;
}

.image-list figure {
    padding-bottom: 10px;
    width: 100%;
}

.about-us.image-list img {
    width: 100%;
    max-width: 100%;
}

.image-list .content {
    width: 100%;
}

.secondary-nav .nav-title {
    font-size: 24px;
    font-family: "Futura Today Bold";
}

/* contact-us */
#subpagesWrapper {
    width: 100%;
    padding-bottom: 20px;
}

#subpageLeftnev {
    border: none;
}

.subpageLeftColoumn {
    width: 100%;
    float: none;
    clear:both;
}

#subpageLeftnev {
    background: #000;
    margin-left: 0;
}

.subpageRightColoumn {
    float: none;
    clear: both;
    width: 100%;
}

.subpageContent {
    background: #000;
    padding-top: 0;
}

#subMidContent img {
    width: 100%
}

.contact-img {
    margin-top: 20px;
}

#subMidContent h4 {
    color: #ccc;
}

.ContactTxtSmall {
    font-size: 14px;
    color: #ccc;
}

.contactusText {
    padding-bottom: 0;
}

/* Login page */

#login-box {
    width: 100%;
    max-width: 374px;
}

div#login-page-wrapper {
    width: 100%;
    margin: 0;
    padding: 20px;
}

.login-wrapper {
    margin: 0;
}

#forgotPs-box {
    width: 100%;
    margin: 0;
    padding: 0;
}

#login-box .submitbtn input {
    width: 100%;
}
 /* Image Preview */
.modal-right-wrapper span.modal-preview-icons .fa-print {
    display: none;
}
.modal-right-wrapper span.modal-preview-icons a,
.modal-right-wrapper span.modal-preview-icons a.closeButton {
    width: 20%;
}



/* Registration */

.registration-wrapper {
    width: 100%;
}

.registration-right,
.registration-left {
    float: none;
    clear: both;
    width: 100%;
    display: block;
}

.singlesideUp {
    display: block !important;
    clear: both;
    float: none !important;
    text-align: left !important;
    margin: 0 !important;
}

#registration-container {
    width: 100%;
    padding: 30px;
    margin-bottom: 0;

}
.registration-right #column_equal .singlesideUp {
    height: auto;
    display:block;
    width: 100%;
}

#registrationbox {
    border-left: none;
    padding-left: 0;
}


.registration-right #column_equal .singlesideDown {
    width: 100% !important;
    display: block;
    position: relative;
    min-height: 40px;
}

.registration-right #column_equal .formtextbox-reg,
 .registration-right #column_equal .formtextbox-reg:focus {
    width: 100% !important;
    height: 40px;
    padding: 10px;
    background: #000;
    border: 1px solid #666;
    color: #FFF;
}

.registration-right #column_equal .row {
    display: block;
    height: auto;
}

#column_equal {
    padding-left: 0;
    flaot: none;
    border: none;
}


#column_equal.addUser {
    border: none;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
}

#column_equal.addUser.shortColumn {
    width: 100%;
}

.code-info {
    width: auto;
    color: #CCC;
}

#column_equal .singlesideDown {
    float: none;
    clear: both;
    height: auto;
}

#checkCode {
    display: block;
    float: left;
    height: 40px;
    position: relative;
}

#checkCode.fa-check:before {
    position: absolute;
    top: 10px;
    right: 12px;
}

#column_equal #id_companyCode.formtextbox-reg {
    width: 80% !important;
    float: left;
}

.styled-select {
    width: 100%;

}

.singlesideDownArea textarea {
    border: 1px solid #666;
}

.registration-right #column_equal .commmon-texsmall,
.registration-right #column_equal .singlesideDownArea {
    display: block;
    width: 100%;
    background: #000;
}

.copy-standard,
.registration-right label,
#registration-container,
#registrationbox {
    font-size: 14px;
    color: #CCC;
}

.styled-select:before {
    z-index: 2;
    top: 10px;
    right: 10px;
    display: none;
}
.registration-right .clear {
    border: none;
}

#registration-container h2 {
    color: #FFF;
}

.styled-select select {
    background: #000;
    color: #fff;
    height: 40px;
    width: 100%;
    z-index: 0;
    color: #FFF;
}

.styled-select {
    background: #000;
    height: 40px;
    border: 1px solid #666;
    z-index: 0;
}

/* hp collections */
.hp-collections li {
    min-height: initial;
    max-height: initial;
    display: table;
}

.hp-collections li a {
   display: table-cell;
   vertical-align: top;
   padding-top: 50px;
}

.hp-collections li span {
    display: none;
}

.hp-collections li {
}

.hp-collections li img {
    width: 90%;
}

/* sets and sports */
.sets .pagePageCountHeader {
    visibility: hidden !important;
    height: 0;
    overflow: hidden;
}

.sets .btn.btn-filter {
    margin-top: 15px;
}

.sets .filters {
    padding: 15px;
}

.sets .secondary-header.collapse.in {
    height: 94px;
}

/* setImages 999 Uploaded Images */
.page-view-nav {
    margin-left: 15px;
    padding-bottom: 15px;
    clear: both;
}

.upload-actions-btn {
    font-size: 14px;
}

.page-view-nav li.fa,
.page-view-nav li a.fa {
    font-size: 14px;
}

.stream-photos.list {
    display: block;
}

.stream-photos.list dt {
    display: none;
}

.stream-photos.list .stream-photo-wrapper {
    clear: both;
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.stream-photos.list .stream-photo-inner {
    height: auto;
    width: 120px;
    display: block;
    float: left;
}

.data-cell {
    display: block;
    height: auto;
    padding: 10px;
    border-bottom: none;
}

.data-cell.caption,
 .data-cell.headline,
 .data-cell.date {
    width: 60%;
    float: left;
}

@media (max-width: 568px) {
    .data-cell.caption,
    .data-cell.headline,
    .data-cell.date {
        width: 50%;
    }

    .page-view-nav li.fa,
    .page-view-nav li a.fa {
        margin-right: 10px;
    }

}

/*Set Images Action popup*/
.stream-photo-wrapper  ul.submenu li {
    display: block;

}

.stream-photo-wrapper ul.submenu {
    width: auto;
    display: block;
    float: right;
}

.stream-photo-wrapper  ul.actions-ui-submenu li {
    display: inline-block;
}

ul.submenu li ul.showsubmenu {
    bottom: 0;
}

/* my preferences */
#divChangePassword {
    display: none;
}

#wrapper #two-layer-wrapper .two-layer-left {
    width: 100%;
}

.pictureInfoBarLight {
    height: auto;
}

.contentselect {
    width: 100%;
}


#column_threelayer {
    width: 100%;
    float: none;
    clear: both;
}

.mobile-header-search {
    margin-top: 120px;
}

.navbar-form.header-search {
    margin: 0;
    margin-bottom: 15px;

}
.navbar {
    min-height:110px;    
}

#nav-search-inner-top .mobile-header-search {
    margin-top: 5px;
}

#nav-search-inner-top .searchDiv.top-nav .searchTextbox {
    font-size: 14px;
}

section.usatsi-home {
    margin: 15px auto 0 auto;
}

.dataTable .admin-actions button {
    padding: 5px 10px;
    font-size: 11px;
}

#id_password {
    background-color: #333;
    border: 1px solid #666;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 5px 10px;

}

.usatsi-home-content {
    margin-top: 0;
}

.searchTextbox,
.searchDiv.top-nav,
 .searchDiv.top-nav .searchTextbox {
    background: #000;
    color: #FFF;
}

.searchDiv.top-nav {
    border: 1px solid #666;
}

.searchDiv.top-nav .searchButtonNav {
    backgrond-color: transparent;
}