.container,.container-sm,.container-md,.container-lg {
        max-width:960px
    }
	
  

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }
   
  .order-lg-0 {
    order: 0 !important; }

  .order-md-0 {
    order: 0 !important; }
	
	 .modal {
        --bs-modal-margin:1.75rem;
        --bs-modal-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
	
	
	 .d-sm-inline {
        display: inline!important
    }
	
	    .d-sm-none {
        display: none!important
    }
	
	  .mx-sm-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }


    .me-sm-2 {
        margin-right: 0.5rem!important
    }

    
/* .row-title { font-size: 20px !important; font-weight: 600 !important; } */

	.updates .col .card .card-title { margin: 0 0.25rem 0.25rem !important; font-size: 0.9rem !important; font-weight: 600 !important; }

	.sites .col .card .card-title { font-size: 0.9rem !important; font-weight: 600 !important; }
	

	
	 .ownsite { font-size: 1rem; }
	


/*-------------- 768 ----------- */
	.navbar .navbar-brand { padding-top: 0.3125rem !important; padding-bottom: 0.3125rem !important; }
/*	.row-title { font-size: 22px !important;  font-weight: 600 !important;} */
	.top10 .col:nth-child(6),.top10 .col:nth-child(7), .top10 .col:nth-child(8) { display: none; }


	
.bigbox { padding-bottom: 22.6%;  background-image: url("https://cdn-o9.tacamateurs.com/hub11/images/bigbox8.jpg");}


#nav_wrapper { background-color: #000; 
	background: #000 url("https://cdn-o9.tacamateurs.com/hub11/images/topbar_black4.jpg") no-repeat; background-size: auto;
	border-bottom: 1px solid #ff008f;
position: fixed;
z-index: 200;


}

.navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

	  .navbar-expand-md {
        flex-wrap:nowrap;
        justify-content: flex-start
    }


	   .px-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

	  .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

	 .mt-md-0 {
        margin-top: 0!important
    }
    .me-md-2 {
        margin-right: 0.5rem!important
    }

   .ms-md-auto {
        margin-left: auto!important
    }

    .ms-md-1 {
        margin-left: 0.25rem!important
    }



	 .d-md-none {
        display: none!important
    }
    .d-md-block {
        display: block!important
    }
    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }
	  .align-self-md-center {
        align-self: center!important
    }

    .dropdown-menu-md-end {
        --bs-position: end;
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto;
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

#moresites_wrapper h2.panel-title {  font-size: 1.3rem !important;}

#update_wrapper #samplepics_wrapper .item img { max-width: 200px;}

	#facepic_wrapper { max-width: 250px; }

#about_wrapper .about  {font-size: 1.1rem !important; }

/*---------------- 992 ------------------------*/

	.row-title > span { font-size: 24px !important; font-weight: 600 !important; }
	.top10 .col:nth-child(6) { display: block; }	

	/*	.updates.latest .col .card .card-body .daterow, .updates.updates_page .col .card .card-body .daterow { flex-direction: row; } */
	.updates .col .card .card-body .daterow div:first-child { margin-top: 0px; }

	.site_mainwrap .sites .col .card .card-body { display: block; }	
	.site_mainwrap .updates .col .card .card-body .card-text { display: -webkit-box; }

	.site_mainwrap .featured .col:nth-last-child(1), .site_mainwrap .featured .col:nth-last-child(2) { display: block; }	

	.site_mainwrap .updates .col:nth-last-child(1) { display: none; }


	/* .site_mainwrap .site_updates_wrapper .col:nth-last-child(2), .site_mainwrap .site_updates_wrapper .col:nth-last-child(3) { display: none; } */

 .featured .col .card .card-title { font-size: 1rem;  }

	.ownsite { font-size: 1.2rem; }

    .d-lg-none {
        display: none!important
    }
    .d-lg-inline-flex {
        display: inline-flex!important
    }
    .d-lg-block {
        display: block!important
    }

	 .mt-lg-0 {
        margin-top: 0!important
    }

  .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem!important
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }
	
    .ms-lg-2 {
        margin-left: 0.5rem!important
    }



	 .px-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

.row-cols-lg-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }


    .justify-content-lg-start {
        justify-content: flex-start!important
    }




 .order-wrapper {  font-size: 1.1rem !important;}