/* Normal desktop :992px. */
@media only screen and (min-width: 992px) and (max-width: 1169px) {
	#topnav .logo-area {
		width: 92%;
	}
}

/* Tablet desktop :768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .logonbox {
        margin: 0px 180px;
        width: 50%;
    }
    #topnav .toolbar-search {
        width: 50%;
        margin-right: 20px;
    }
	#topnav .logo-area {
		width: 90%;
	}
} 
	
/* small mobile :320px. */
@media only screen and (max-width: 767px) {
    .toolbar-search .input-group {
		margin-top: 0px;
	}
	.toolbar-search input {
        border-radius: 0px;
        width: 84% !important;
    }
	#topnav .toolbar-search {
		width: 95%;
	}
    .toolbar-search input {
        width: 92% !important;
    }
    .toolbar-search input {
        width: 93.7% !important;
    }
    .changepassword-modal .modal-dialog {
        margin: 30px;
    }
    
}
 

/* Large Mobile :480px. Landscape*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .title-icon {
        top: unset;
        right: 0px;
        bottom: 14px;
    }
	.toolbar-search input {
		border-radius: 0px;
		width: 84% !important;
	}
	#topnav .toolbar-search {
        width: 76%;
    }
    .resp-search {
        padding: 0px !important;
    }
	.breadcrumb {
		float: left;
		margin: 7px auto;
	}
	#topnav #toolbar-search.active {
		margin: 8px;
	}
	#topnav .navbar-brand {
		width: 100px;
		background-size: 100%;
		padding: 10px 0px !important;
	}
	.breadcrumb > li {
		font-size: 14px !important;
	}
    #topnav .logo-area {
        width: 65%;
    }
    .order-table th {
        min-width: 200px !important;
        padding: 10px !important;
    }
    .patient-search {
        margin-bottom: 10px;
    }
    .noborder-table table.table {
        margin: 0px 0px 10px !important;
    }
    .p-0 {
        padding: 0px 15px !important;
    }
     .form-control {
        margin-bottom: 10px;
    }
    .inner-pages .control-label {
        margin: 0px auto 7px;
    }
    .float-right {
        float: unset;
    }
    /********** login page start **********/
    .logonbox {
        margin: 0px 16px;
        width: 90%;
    }
    #logonForm input {
        width: 96%;
    }
    .barcode-scanner-video {
        max-height: 240px;
    }
    .bootstrap-select .dropdown-menu {
        top: 42px;
    }
    
    
    /********** login page end **********/
    @media only screen and (min-width: 500px) {
        .logonbox {
            margin: 0px 80px;
            width: 75%;
        }
        .toolbar-search .input-group {
            margin-top: 0px;
        }
        .toolbar-search input {
            width: 89% !important;
        }
        #topnav #toolbar-search.active {
            margin: 8px 0px 0px 72px;
        }
         #topnav #toolbar-search .input-group .input-group-btn:last-child button {
            border-radius: 0 20px 20px 0;
            top: 1px;
        }
    }
    @media only screen and (min-width: 600px) {
        #topnav .toolbar-search {
            width: 57%;
        }
        #topnav #toolbar-search .input-group {
            width: 360px;
        }
        
        .toolbar-search input {
            width: 86% !important;
        }
        #topnav #toolbar-search.active {
            position: absolute;
            left: 200px;
        }
        #topnav #toolbar-search.active {
            margin: 8px 0px 0px 10px;
        }
        
    }
    
    @media only screen and (min-width: 700px){
        #topnav #toolbar-search.active {
            margin: 8px 0px 0px 50px;
        }
    }
    
}

/* Small Mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .title-icon {
        top: unset;
        right: 0px;
        bottom: 14px;
    }
    .dasboard .breadcrumb-section {
        padding: 25px 0 60px 0px;
    }
	#topnav .logo-area {
        width: 65%;
    }
    .navbar-brand>img {
	    width: 100%;
	}
	.toolbar-search .input-group {
		margin-top: 0px;
	}
	.toolbar-search input {
        border-radius: 0px;
        width: 84% !important;
    }
	#topnav .toolbar-search {
		width: 95%;
	}
	.breadcrumb {
		float: left;
		margin: 7px auto;
	}
	#topnav #toolbar-search.active {
        margin: 8px 10px;
        border: 1px solid #eee;
        border-radius: 36px;
    }
    .resp-search {
        padding: 0px !important;
    }
	#topnav .navbar-brand {
		width: 100px;
		background-size: 100%;
		padding: 10px 0px !important;
	}
    #topnav a.username {
        padding: 10px 0 !important;
    }
    #topnav #toolbar-search .input-group .input-group-btn:last-child button {
        margin-top: 1px;
    }
	.breadcrumb > li {
		font-size: 14px !important;
	}
    .order-table th {
        min-width: 200px !important;
        padding: 10px !important;
    }
    .order-table .form-group {
        margin-bottom: 10px;
    }
    .patient-search {
        margin-bottom: 10px;
    }
    .noborder-table table.table {
        margin: 0px 0px 10px !important;
    }
    #topnav .toolbar.pull-right .toolbar-icon-bg>a {
        padding: 10px 0;
    }
    .p-0 {
        padding: 0px 15px !important;
    }
    .btn-blue {
        padding: 5px 21px;
        margin-bottom: 10px;
    }
    #block_area, #unblock_area {
        position: unset;
    }
    .btn-danger {
        margin-bottom: 10px !important;
    }
    .mt-r-40 {
        margin-top: 40px;
    }
    .form-control {
        margin-bottom: 10px;
    }
    .inner-pages .control-label {
        margin: 0px auto 7px;
    }
    /********** login page start **********/
    .logonbox {
        width: auto;
        padding: 150px 15px;
    }
   .login {
        padding: 15px 30px 15px 23px;
    }
    #logonForm input {
        width: 96%;
    }
    .p-res-0 {
        padding: 0px !important;
    }
    .breadcrumb > li {
        font-size: 12px !important;
    }
    .page-title {
        font-size: 20px;
    }
    .breadcrumb>li+li:before {        
        width: 19px;
    }
    .invoice-btns {
        min-width: 830px;
    }
    /********** login page end **********/
    
    .float-right {
        float: inherit;
    }
    .summery {
        float: inherit;
        position: absolute;
        top: 40px;
    }
    .filter-modal .modal-dialog {
        width: 340px;
    }
    .buttons-list > li {
        display: block;
        margin-right: unset;
        border-right: unset;
        padding-right: unset;
        line-height: 40px;
    }
    .top-15 {
        top: 0px;
    }
    ul {
        padding-left: 12px;
    }
    footer {
        width: 370px !important;
    }
    .ui-accordion .ui-accordion-content {
        padding: 1em 1.2em;
    }
    .ui-accordion .ui-accordion-header {
        padding: 13px 4px;
    }
    
    .mb-r-20 {
        margin-bottom: 0px !important;
    }
    .title-s {
        font-size: 16px;
    }
    .form-group {
        margin-bottom: 5px;
    }
    .tabular-form-area .btn-block {
        font-size: 11px;
        padding: 2px;
    }
    .tabular-form-area .actions {
        max-width: unset;
        text-align: center;
    }
    .control-group {
        margin-bottom: 0px;
    }
    .dropdown-menu .dropdown .dropdown-toggle {
        display: none;
    }
    .barcode-scanner-video {
        max-height: 240px;
    }
    .bootbox.modal .modal-dialog {
        top: 25%;
        width: auto;
    }
     .bootstrap-select .dropdown-menu {
        top: 42px;
      

    }
}

/* Small Mobile :320px Only for 320*/
@media only screen and (max-width: 320px) {
    .title-icon {
        top: unset;
        right: 0px;
        bottom: 14px;
    }
    .dasboard .breadcrumb-section {
        padding: 25px 0 60px 0px;
    }
    .breadcrumb > li {
        font-size: 11px !important;
    }
    .page-title {
        font-size: 18px;
    }
    .breadcrumb>li+li:before {        
        width: 17px;
    }
     #logonForm input {
        width: 96%;
    }
    .invoice-btns {
        min-width: 830px;
    }
    .float-right {
        float: inherit;
    }
    .summery {
        float: inherit;
        position: absolute;
        top: 40px;
    }
    .filter-modal .modal-dialog {
        width: 300px;
    }
    .logonbox {
        width: auto;
        padding: 150px 30px;
    }
    .buttons-list > li {
        display: inline;
        margin-right: unset;
        border-right: unset;
        padding-right: unset;
        line-height: 40px;
    }
    footer {
        width: 370px !important;
    }
    .form-group {
        margin-bottom: 0px;
    }
    .mb-r-20 {
        margin-bottom: 0px !important;
    }
    .form-group {
        margin-bottom: 5px;
    }
    .tabular-form-area .btn-block {
        font-size: 11px;
        padding: 2px;
    }
    .tabular-form-area .actions {
        max-width: unset;
        text-align: center;
    }
    .control-group {
        margin-bottom: 0px;
    }
    .dropdown-menu .dropdown .dropdown-toggle {
        display: none;
    }
    .barcode-scanner-video {
        max-height: 240px;
    }
    .bootbox.modal .modal-dialog {
        top: 25%;
        width: auto;
    }
     .bootstrap-select .dropdown-menu {
        top: 42px;
       

    }
}