/*Media Screen*/

@media screen and (max-width:1500px){
.header { margin-left: 10%; padding-right: 0%; }
.header .header-line {width: 84%; height: 32px;}
.header-licensee{margin: 0% auto; padding: 0% 10%; width: auto;}
.header-licensee .navbar-collapse{width:100%;}
.header-licensee .header-line-licensee{width: 100%;}
}
@media screen and (max-width:1300px){
.header {  margin-left: 5%; padding-right: 0%; }
.header .header-line {width: 84%; height: 32px;}
.header-licensee{margin: 0% auto; padding: 0% 5%; width: auto;}
.header-licensee .navbar-collapse{width:100%;}
.header-licensee .header-line-licensee{width: 100%;}
}
@media screen and (max-width:1024px){
.navbar-default .navbar-nav {
height: 145px !important;
margin-left: 160px;}
.header { margin-left: auto; padding-right: 15px;}
.navbar-default .navbar-nav > li { width: 12.5%; margin: 30px 0px 40px 0px;}
.navbar-default .navbar-nav > li > a {margin: 0px 5px; padding: 10px 5px;}
.navbar-brand {  padding: 30px 40px 26px 30px;}
.header .header-line {width: 82%;}
/*.content {padding-top: 15%;}*/
.content .btn-edit, .content .btn-msg {padding: 8px 5px; margin-left: 8px; margin-right: 0; margin-top: 30px;}	
.content .inforight { padding-right: 10px;}
.content .infoleft { padding-left: 10px;}
.content .code { width: 100px;}
.content .btn-code { margin-left: 0px;}
.content h5 { font-size: 16px;    margin-top: 16px;}
.content .btn-select-group, .content .btn-upload {padding: 8px 10px; margin-left: 10px;}
.content .form-file-upload label {font-size: 12px; margin-right: 10px;}
.content .form-file-upload .btn-choose-file {font-size: 12px; padding: 8px 10px; margin-left: 0px;}
.header .header-line {
width: 88%;
}
.client_account .container-fluid {
margin-left: 5%;
}
.client_account .header-new {
padding-right: 16%;
}
.client_account .navbar-brand {
padding: 40px 80px 26px 50px;
height: 180px;
}
.client_account .navbar-default .navbar-nav > li > a {
margin-left: -3px;
}
/*user dashboard*/
.info-right-side {
width: 47%;
}
.content .profile {
width: 90px;
height: 90px;
}
.content .profile-pic {
width: 79px;
height: 79px;
}
.profile-pic img{
height: 90px !important;
width: 90px !important;
}
.manage-butn-main {float: left;margin: 50px 0px 50px 0px;}
/*.header-licensee{margin: 0% auto; padding: 0%; width: auto;}
.header-licensee .navbar-collapse{width: 100%; margin: 0% auto;}
.header-licensee .header-line-licensee{width: 100%;}*/
.header-licensee .navbar-nav{margin: 0%; float: right;}
.header-licensee{margin: 0% auto; padding: 0% 5%; width: auto;}
.header-licensee .navbar-collapse{width:100%;}
.header-licensee .header-line-licensee{width: 100%;}

}
@media screen and (max-width:768px){
.navbar-default {display: block;}
.navbar-toggle { display: block;}
.navbar-collapse.collapse { display: none!important;}
.collapse.in{ display:block !important;}
.navbar-header { float: none; height: 124px;}
.navbar-left,.navbar-right {float: none !important;}
.navbar-nav {float: none!important;}
.navbar-nav>li { float: none;}
.navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle { border-color: #a51018; background-color: #a51018; margin-top: 35px;}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
.navbar-default .navbar-nav {
height: 145px !important;
margin-left: 160px; 
}
.navbar-default .navbar-nav > li { margin: 10px 0px; width: 100%; transform: none;}
.navbar-default .navbar-nav > li > a { transform: none;}
.navbar-default .navbar-nav > .active, .navbar-default .navbar-nav > .active:hover, .navbar-default .navbar-nav > .active:focus,.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li:focus{transform: none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {transform: none;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { transform: none;}
.dropdown-menu {transform: none;}
.dropdown-menu>li>a { color: #fff; text-align: center;}
.navbar-default .navbar-nav > li:last-child {margin-bottom: 30px;}
.navbar-brand {padding: 16px 40px 16px 40px; margin-bottom: 20px;height: 130px;}
.header .header-line {width: 100%; height: 20px;}
.content { /*padding-top: 15%;*/  padding-left: 15px; padding-right: 15px; }
.content h1 { font-size: 33.225px;}
.content .btn-start {padding: 8px 10px; margin: 60px 0px 30px 0px;margin-right: 10%;}
.content .btn-stop {padding: 8px 10px;}
#profile-info {margin-bottom: 20px; padding-bottom: 40px; border-bottom: solid 1px #cdcdcd;}
.content h5 { font-size: 20px;}
.content h5, .content h6 {text-align: center;}
.content .btn-edit, .content .btn-msg {padding: 10px 15px; width: 45%; margin-left: 4%;}	
.content .infoleft { border-left: solid 1px transparent; padding-left: 40px; padding-bottom: 20px;border-right: solid 1px #cdcdcd; padding-right: 65px;}
.content .inforight { border-right: solid 1px transparent; padding-right: 40px; padding-bottom: 20px;border-right: solid 1px #cdcdcd; padding-right: 60px !important;}
.content .code { width: 220px !important;}
.content .btn-code { margin-left: 15px;}
.content .form-file-upload label { font-size: 16px; margin-bottom: 10px;}
.content .btn-activate, .content .btn-deactivate, .content .btn-delete, .content .btn-editor {margin-top: 10px;}
}
@media (min-width: 320px) and (max-width: 767px) { 
.navbar-header { height: 105px;}
.navbar-brand { padding: 10px 40px 10px 40px; height: 110px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle { margin-top: 25px;}
/*.content { padding-top: 25%;}*/
.content .top {margin-top: 0px;}
.lang {margin: 60px 0px 30px 0px;}	
.content h1 { font-size: 28px;}
.content h2 { font-size: 24px;}
.content .btn-start, .content .btn-stop {padding: 8px 50px !important; margin: 40px 0px 0px 0px;}	
.content .btn-start { margin-right: 10%;}
.content h5 { font-size: 18px;}
.content .btn-msg { width: 40%; margin-left: 0; margin-right: 2%;}
.content .btn-edit { width: 52%;}	
.content .infoleft { width: 50%;margin-bottom: 20px;  padding-bottom: 0px; margin-bottom: 30px;}
.content .inforight { width: 50%; padding-right: 0px !important; padding-bottom: 0px; margin-bottom: 30px; border-right: solid 1px transparent;}
.content .code { width: 100% !important;}
.content .form-inline { text-align: left;}
.content .btn-code { margin-left: 0px;}
.content .btn-manage {margin-left: 0px;}
.content h3 {font-size: 28px; margin-top: 20px;}
.content .btn-activate, .content .btn-deactivate, .content .btn-delete, .content .btn-editor {width: 45%; margin-right: 2%; margin-left: 2% !important;}
.content .summary-reports-tabs {border-bottom: none; margin: 50px 15px 10px 15px;}
.content .summary-reports-tabs > li {float: none; width: 100%;}
.nav-tabs > li > a {margin-right: 0px; margin-bottom: 15px; border-radius: 4px; text-align: center;}
.content .btn-search {margin-left: 0px; width: 100%;}
.content .form-file-upload label { margin-right: 0px;}
.group {margin-top: 20px;}
.content .btn-select-group { padding: 8px 10px; margin-right: 4%; width: 45%; margin-left: 0px;}
.content .btn-upload { padding: 8px 10px; margin-left: 4%; width: 45%;}
.content .btn-atras {width: 45%;}
.admin-search {display: table-caption; margin-bottom: 20px;}
.search { border-right: none;}
.refresh { border-right: none; padding: 0px; font-size: 20px;}
.input-group-addon { font-size: 20px;}
.page-number {font-size: 11px; padding: 6px 0px;}
.recordnum {padding: 3px 3px; font-size: 11px; width: 53px !important; height: 30px; margin-left: 15px;}
.refresh {margin-right: 15px;}
.no-item {display: none;}
.content .paginate {float: none; margin-top: 45px;}
.content .paginate span { padding: 8px 15px; margin-left: 0px; display: inline-block; width: 45%; }
.content .paginate span:last-child { float: right;}
.login h1 {
font-size: 40px;
margin-top: 20px;
}
.login .login-content {
margin-top: 20px;
padding-bottom: 15px;	
}
.login .login-content .btn-default {	
float: none;
margin-top: 15px;
}
.login .login-content p {
margin: 30px 0;
}
.login .login-content .footer-line {
display: none;
}
footer .footer-line {
height: 30px;
}
}
@media (max-width:320px) { ... }
@media screen and (min-width:1024px){ ... }
@media (min-width: 768px) and (max-width: 991px) { ... }
@media (min-width: 992px) and (max-width: 1199px) { ... }
@media (min-width: 1200px) { ... }