/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (min-width : 768px) and (max-width : 1200px){
.payInfo_box {
	display: none !important;
}
.paymentInfoModalButton {
	width: 100%;
}	
.payButton_wrapper {
  display: flex !important;
}	
.promo_form_input#promo_name {
	margin-left: 0px;
}	
.col-sm {
	width: 30%;
}
div.btn-group{
	flex-wrap: wrap;
	justify-content: center;
	padding: 8px;
}
div.btn-group button {
	margin: 4px;
	border-radius: 0.25rem !important;	
}
div.admin_user_orders_form_wrapper, .chat_list_wrapper, .chat_send_form_section, div.news_wrapper, div.chat_extra_tools {
	max-width: 100%;
	flex:100%;
}
div.admin_table_title{
	padding: 16px;
}
div.table_wrapper{
	overflow-x: scroll;
}
div.admin_rows_count_wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: 32px;
	min-width: auto;	
}
div.chat_send_form_section, div.chat_extra_tools {
	margin-top: 40px;
}
.table-responsive {
	margin-top: 15px;
	border-radius: 4px;
	width: 100%;
	background-color: #fff;
	height: auto;
}
div.user_chat_buttons_wrapper {
	height: 300px;
}
div.admin-container{
	padding: 8px !important;
}
.search_history_order div, .search_history_order input, .search_history_order button {
	margin-top: 8px;
}	
.search-form__input, .search-form__button, .search-form__select, select, option {
	width: 100%;
}	
.search-form, .search-result {
	width: 100%;
}		
.search-result__buttonwrap {
	justify-content: center;
	height: 100px;
}
.ball {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	margin: 0 3px;
}
.container {
	width: 	100%;
	max-width: 100%;
}
.search-result__preview {
	max-width: 100px;
	height: auto;
}
/* balance page */
.payment-terms__wrap {
	width: 100%;
	margin-left: 0px;
}
input.valinput {
	margin-left: 0px;
}
div#pwyw {
	flex-wrap: wrap;
	width: 100%;
}
div#pwyw div.pwyw_box {
	max-width: 90%;
	margin-bottom: 32px;
}
div#pwyw div.pwyw_box:first-child:before,div#pwyw div.pwyw_box:nth-child(2):before, div#pwyw div.pwyw_box:last-child:before {
	top: 2em;
	left: 2em;

}
.jumbotron {
	padding-top: 5rem;
    padding-bottom: 5rem;
}
.ref_table_title {
	margin-left: 16px;
}
.referal_table_title_wrapper {
flex-direction: column; 
}
.ref_table_select {
	max-width: 70%;
	min-width: 	70%;
	align-self: center;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 768px) {
.payInfo_box {
	display: none !important;
}
.payButton_wrapper {
  display: flex !important;
}
.paymentInfoModalButton {
	width: 100%;
}	
.payment_info_alert {
	width: auto;
}
div.search-result__titledatawrap {
	display: block;
}
div.btn-group{
	flex-wrap: wrap;
	justify-content: center;
	padding: 8px;	
}
div.btn-group button {
	margin: 4px;
	border-radius: 0.25rem !important;
}
div.admin_user_orders_form_wrapper, .chat_list_wrapper, .chat_send_form_section, div.news_wrapper, div.chat_extra_tools {
	max-width: 100%;
	flex:100%;
}
div.admin_rows_count_wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: 32px;
	min-width: auto;
}
div.admin_table_title{
	padding: 16px;
}
div.user_chat_buttons_wrapper {
	height: 300px;
}
div.chat_send_form_section, div.chat_extra_tools {
	margin-top: 40px;
}
div.admin-container{
	padding: 8px !important;;
}	
.search-form, .search-result {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}
div.table_wrapper{
	overflow-x: scroll;
}	
.container-fluid {
	padding-left: 6px;
	padding-right: 6px;
}
.search_history_order div, .search_history_order input, .search_history_order button {
	margin-top: 8px;
}
.col-sm {
	min-width: 100%;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
.search-form__input, .search-form__button, .search-form__select, select, option {
	min-width: 100%;
}
ul.buttons-nav button{
	margin-right: 0px !important;	
	margin-top: 16px;
}
.navbar-nav:first-child {
	margin: 16px 0px 16px 0px;
}
.navbar-nav:last-child {
	margin: 16px 0px 16px 0px;
}
.questiouns-container, .answers-container {
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;
}
.answers-container {
	margin-top: 8px;
}
.search-result__tablehead{
 display: none;
}

.table-responsive {
	margin-top: 15px;
	border-radius: 4px;
	width: 100%;
	background-color: #fff;
	height: auto;
}
.search-result__tablerow {
	margin-right: 0px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: column;
}
.search-result__tablecell {
	display: block;
 	width: 100%;
 	max-width: 100%;
 	min-height: 30px;
 	margin-bottom: 12px;		
}
.search-result__buttonwrap {
	justify-content: center;
	height: 100px;
}
.search-result__buttonwrap button {
	margin-left: 4px;
	margin-right: 4px;
}
.ref_table_title {
	margin-left: 16px;
}
.referal_table_title_wrapper {
flex-direction: column; 
}
.ref_table_select {
	max-width: 90%;
	min-width: 	90%;
	align-self: center;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.wrapper  {
	background-color: #ccc; 
}
.ball {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 0 2px;
}
.search-result__buttonimg, .search-result__buttonimg, .search-result__buttonimg, .search-result__checkboxAllwrap {
	padding-left: 12px;
	padding-right: 12px;
}

/* balance page */
.payment-terms__wrap {
	width: 100%;
	margin-left: 0px;
}
input.valinput {
	margin-left: 0px;
}
div#pwyw {
	flex-wrap: wrap;
	width: 100%;
}
div#pwyw div.pwyw_box {
	max-width: 90%;
	margin-bottom: 32px;
}
div#pwyw div.pwyw_box:first-child:before,div#pwyw div.pwyw_box:nth-child(2):before, div#pwyw div.pwyw_box:last-child:before {
	top: 2em;
	left: 2em;

}
h1.title-404 {
	font-size:1rem !important;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.modalMobile {
	margin-bottom: 12px;
	width: 100%;
}
.payment-terms__form {
	flex-wrap: wrap;
}
.payment-terms__form input {
	margin-bottom: 8px;
	width: 100%;
}
.form-wrapper {
	padding: 12px;
}
form.search_history_order{
	margin-left: 0px;
	margin-right: 0px;
}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {


}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}