/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */





/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.h5, h5 {
    font-size: 2.rem;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: 20px;
    line-height: inherit;
}
.dis{
	font-size:18px;
}
.name{
	font-size:18px;
}

.col-sm-8 {

}
.btn-sm {
    margin-left: -35px;
    margin-top: -65px;
}

.logo{
	width:120px;
	margin-left:70px;
}
.order{
margin-bottom:40px;
}

.bad{
	display:none;
}
.dist{
	max-width:0px;
}
.text-warning {
    color: #ffc107 !important;
    font-size: 20px;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    font-size: 15px;
}


.choto {
    width: 50px;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
    width: 0px;  
	font-size: 12px;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 13px;

	margin-left:70px;

}

.text-success {

    color: #28a745 !important;
    text-align: center;

}
	
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
.h5, h5 {
    font-size: 1.rem;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: 15px;
    line-height: inherit;
}
.dis{
	font-size:12px;
}
.name{
	font-size:12px;
}

.col-sm-8 {

}
.h2, h2 {
    font-size:1rem;
}
.logo{
	width:65px;
	margin-left:20px;
}
.order{
margin-bottom:40px;
}

.bad{
	display:none;
}
.dist{
	max-width:0px;
}
.text-warning {
    color: #ffc107 !important;
    font-size: 10px;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    font-size: 10px;
	
}


.choto {
    width: 60px;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
    width: 0px;  
	font-size: 10px;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 10px;
	margin-left:20px;

}
.btn-sm {
    margin-left: -88px;
    margin-top: -79px;
}



}


/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.h5, h5 {
    font-size: 1.rem;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: 15px;
    line-height: inherit;
}
.dis{
	font-size:12px;
}
.name{
	font-size:12px;
}

.col-sm-8 {

}
.h2, h2 {
    font-size:1rem;
}
.logo{
	width:65px;
	margin-left:20px;
}
.order{
margin-bottom:40px;
}

.bad{
	display:none;
}
.dist{
	max-width:0px;
}
.text-warning {
    color: #ffc107 !important;
    font-size: 10px;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    font-size: 10px;
	
}


.choto {
    width: 60px;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
    width: 0px;  
	font-size: 10px;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 10px;
	margin-left:20px;

}
.btn-sm {
    margin-left: -88px;
    margin-top: -79px;
}
	
	
	
	
	
	
	
	
	
}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}