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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1330px) {
header .container .row 	.logo{
	margin-right: 20px;
}
}

@media only screen and (max-width : 1222px) {
header .header-menu,
header .right-menu .hello-user,
header .right-menu .exit{
	display: block;

}
header .right-menu{
	position: absolute;
	bottom: 0;
	right: 0;
}
header .right-menu .exit{
	float: right;
}
@media only screen and (max-width : 1104px) {
.search-account .search-input .right{
	float: left;
}

}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.score-wrapp	.row	.invoice-menu-left{
	border: none;
}
.production-wrapp .row .col-md-8{
border-left: none;
}
.search-account .row .table-wrapp,
.score-wrapp .row .col-md-8,
.production-wrapp .row .col-md-8{
	padding-left: 0px;
	padding-right: 0px;
}
}




@media only screen and (max-width : 895px) {
header .logo{
	margin-top: 35px;
	margin-bottom: 25px;
}
header .header-menu li{
	display: table;
}
.search-account .table-wrapp table tr td button {
	display: block;
	margin: 0 auto;
}
header .toggle_menu{
	display: inline-block;
	float: right;
}
header{
	height: 100px;
	overflow: hidden;
}
section{
	padding: 10px 20px;
	margin: 10px 0;
}
}


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

}
@media only screen and (max-width : 761px) {
.score-wrapp .row .col-md-8 table tbody tr td{
height: 75px;
}
}

@media only screen and (max-width : 610px) {
section{
	padding: 0;
}

}

@media only screen and (max-width : 563px) {
	.score-wrapp .row .col-md-8 table tbody tr td:last-child{
	width: 12%;
	}
.search-account	.search-input .select,
.search-account	.search-input input{
display: block;

}

.search-account	.search-input .select{
	margin-top: 22px;
}
.search-account	.search-input input[type="text"]{
	margin-top: 45px;
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 380px) {
body.login-main{
background: none;
background-color: #272e38;
}	
.login-main .login-panel{
	width: 100%;
	left: 0;
	margin-left: 0;
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
header .right-menu .hello-user{
	width: 69px;
	margin-bottom: -10px;
}
}


/*==========  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) {

}