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

    .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-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; } */

	/* .sites .col .card .sitethumb { width: 100%; } */
	
	.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; }


#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;


}
/*-------------- 768 ----------- */
	.navbar .navbar-brand { padding-top: 0.3125rem !important; padding-bottom: 0.3125rem !important; }
	.row-title > span { 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; }

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

.site_mainwrap .updates .col:nth-last-child(1) {  display: block;}
	
.bigbox { padding-bottom: 22.6%;  background-image: url("https://cdn-o9.tacamateurs.com/hub11/images/bigbox8.jpg");}
	#nav_wrapper { background-size: 100% 100%; }

.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%
    }



	#facepic_wrapper { max-width: 250px; }

/*------------------------ moresites_wrapper ------------------------- */

#moresites_wrapper h2.panel-title {  font-size: 1.1rem;}

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

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