@media only screen and (max-device-width: 480px)
{
	
select {
  margin-top: 10px;
  width: 100% !important;
  padding: 5px 35px 5px 5px;
  font-size: 16px;
  border: 1px solid #CCC;
  height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


	
 .select select {
  margin-top: 10px;
  width: 70% !important;
  padding: 5px 35px 5px 5px;
  font-size: 16px;
  border: 1px solid #CCC;
  height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
 }
 
  .modal.in .modal-dialog{
    width: 90%;
   }


.panel-default>.panel-heading-discovery{
    background: #fff;
    padding-bottom: 15% !important;
    padding: 10px 15px;
    border-bottom: 1px solid #f5f5f5;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-default>.panel-heading-tweets{
    background: #fff;
    padding-bottom: 20% !important;
    padding: 10px 15px;
    border-bottom: 1px solid #f5f5f5;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.modal-content-coll {
  width: 75%;
}

.after-tweet {
  width: 100%;
  padding-bottom: 2%;
} 
 

.after-tweet .left, .right { 
  width: 100%;
  margin:5px; 
  padding: 1em; 
  background: white; 
} 

.after-tweet .left  { float:left; width: 100%; }
.after-tweet .right { float:right; width: 100%; }



.after-tweet .right .button { 
	text-align: left;
}



.after-tweet .left .left-div {  
 float:left;
 width: 100%;
} 

.after-tweet .left .right-div {  
    float: left;
    width: 100%;
    margin-right: 1px;
    margin-top: 5%;
} 


.panel-heading-tweets-reply .pull-right2 {
    display: block;
}

.panel-default>.panel-heading-tweets-reply {
    margin-bottom: 5%;
}


.panel-heading-tweets-reply .pull-right2 {
    width: 100%;
}

.panel-heading-tweets-reply .pull-right2 .author-div-left {
    margin-left: 7%;
}


.panel-default>.panel-heading-tweets-reply {
    padding-bottom: 20% !important;
}


.panel-heading-tweets .pull-left .author-date {
    padding: 1px;
    text-decoration: none;
    font-size: 8px;
    font-weight: 300;
    width: 100%;
}

.panel-heading-tweets .pull-right .author-date {
    padding:1px;
    text-decoration:none;
    font-size:8px;
    font-weight: 300;
    width: 100%;
}


.panel-heading-tweets .pull-left2 {
    width: 100%;
}

.panel-heading-tweets .pull-right2 {
    width: 100%;
}


.panel-heading-tweets .pull-right2 .author-div-left .author-date{
 margin-left: 23%;
 font-size:8px;
 text-align:left;
}


.panel-heading-tweets .pull-right2 {
    float: right !important; 
        display: block;
}


.panel-heading-tweets .pull-right2 .author-div-left {
    width: 100%;
}

.panel-heading-tweets .pull-right2 .author-div-right {
    width: 100%;
}


.panel-heading-tweets .pull-right {
    width: 17%;
}


.row {

    display: block !important;

}


.page-header small {
    width: 100%;
}

.page-header {
 width: 100%;
 word-break: break-word;
}



.tweet-controls .composer-right {
    float: left;
    text-align: left;
    width: 100%;
}


.tweet-controls .composer-left {
    float: left;
    width: 100%;
}


.tweet-img-thumbnail {
    max-width: 30%;
}


.navbar-brand {
    /*margin-left: 20%;*/
    margin-left: 0%;
}


.navbar-toggler-left {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: 1.125rem;
    line-height: 1;
    padding: .25rem .75rem;
}


.toggler-left {
    display:block;
    margin-top:20px;
    margin-right:0px;
    margin-bottom:20px;
    margin-left:5%;
}


  .navbar-brand-wrapper {
    width: 65%;
    outline: 1px solid #fff;
   }


   .high-zindex-modal {
    z-index: 9999 !important;
}

.high-zindex-modal-backdrop {
    /* Bootstrap 5 default is 1050, set higher as needed */
    z-index: 9998 !important;
}

.modal {
    z-index: 9999 !important;
}



.inventory-top-form-container {
   width:80%;
   margin-bottom:-1%;
}


.d-md-desktop-only {
  display: none !important;
}


	
	
	
}