/* Stylesheet content from css/media.css in folder common */
/*==========  Non-Mobile First Method  ==========*/

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

}

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

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.top-hdr {
		height: 50px;
	}
	.menu, .top-hdr .btn-back {
		top: 7px;
		font-size: 20px;
	}
	.top-hdr .btn-back {
		left: 5px;
	}
	.top-hdr .menu {
		right: 5px;
	}
	.top-hdr .icici-logo {
	    height: 45px;
	}
	.app-hldr, .hamburger-overlay, .hamburger-menu-hldr {
	    height: calc(100% - 50px);
	}
	.section-title h2 {
		font-size: 20px;
	}
	.form-block {
		height: calc(100% - 12px);
	}
	.form-block-hldr .top-btns h3, .add-accounts p {
		text-align: left;
		-webkit-flex: 1;
		flex: 1;
	}
	.add-accounts span.plus {
		margin-right: 0;
	}
	.btn.btn-next, .btn.btn-previous {
		text-indent: -40000px;
		min-width: auto;
	}
	.md-select-menu-container.md-active md-select-menu {
	    max-width: inherit;
	}
	.add-popup .form-block.init-popup {
		display: block;
	}
	ul.pagination-top li a {
		margin: 0 10px;
	}
	ul.case-hldr li {
		margin-top: 10px;
	}
	.login-outer-hldr.main-menu-outer .login-block1 .container-fluid {
	    bottom: 140px;
	}
	.login-outer-hldr.main-menu-outer .login-block2 .container-fluid {
		margin-top: 110px;
	}
	.form-block-hldr.document-capture-hldr .row {
	    padding: 8px 0 25px 0;
	}
	.form-block-hldr.document-capture-hldr .camera-hldr {
		width: 45px;
    	height: 45px;
	}
	.camera-hldr span.img-count {
		width: 22px;
	    height: 22px;
	    line-height: 22px;
	    font-size: 12px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.date-filter {
		padding: 5px 0;
	}
	.form-block {
		margin: 0;
		border-radius: 0;
    	box-shadow: 0 0 10px rgba(0,0,0,.1);
	}
	.form-block.dashboard-hldr {
	    height: 100%;
	    margin: 0;
	    box-shadow: none;
	    border-radius: 0;
	}
	.section-title {
		border-radius: 0;
	}
	ul.pagination-top {
		margin: 10px 0;
	}
	ul.pagination-top li a {
	    width: 22px;
	    height: 22px;
	    line-height: 22px;
	    margin: 0 6px;
	}
	.app-hldr form {
	    height: calc(100% - 30px);
	}
	.top-btns {
		-webkit-justify-content: flex-start;
    	justify-content: flex-start;
	}
	.top-btns.bank-use-btns {
		-webkit-justify-content: center;
    	justify-content: center;
	}
	.form-block-hldr .row {
		padding: 0;
	}
	.row.boxshd .col-xs-12 {
		width: 100%;
	}
	.form-block-hldr .row.boxshd {
		padding: 15px 0;
	}
	.form-block-hldr .row.boxshd .row .col-md-3 {
		margin-bottom: 15px;
	}
	.form-block-hldr .beneficiary-hldr h3 {
		margin: 0;
	}
	.add-accounts {
		margin-bottom: 30px;
	}
	h2.sub-section-title {
		margin-bottom: 5px;
	}
	.section-footer {
		border-radius: 0;
		background: #f5f5f5;
	}
	.add-popup form {
		height: 100%;
	}
	.add-popup .form-block {
		margin: 15px;
    	height: calc(100% - 30px);
    	border-radius: 10px;
	}
	.add-popup .section-title {
		border-radius: 10px 10px 0 0;
	}
	.add-popup .section-footer {
		border-radius: 0 0 10px 10px;
	}
	.popup-hldr {
		width: 300px;
	}
	.toHide.no-pad {
		padding: 0;
	}
	ul.case-hldr li {
		margin-top: 0;
	}
	
	.flex-container-btns .btn-primary {
		font-size: 12px;
	    padding: 8px;
	    line-height: normal;
	    margin-top: 4px;
	}
	
	/*******Scrollbar CSS*********/

	.toHide::-webkit-scrollbar, .dashboard ul.case-hldr::-webkit-scrollbar
	{
		width: 5px;
	}
	
	.toHide::-webkit-scrollbar-thumb, .dashboard ul.case-hldr::-webkit-scrollbar-thumb
	{
		background-color: #AAA;
		border-radius: 10px;
		background: #f99d27;
	
	}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    ul.pagination-top li a {
    	margin: 0 2px;
    }
    .login-outer-hldr.main-menu-outer .login-block1 .container-fluid {
	    bottom: 100px;
	}
	.login-outer-hldr.main-menu-outer .login-block2 .container-fluid {
	    margin-top: 80px;
	}
	.main-menu-links.acc-open, .main-menu-links.acc-serve, .main-menu-links.prod-showcase {
	    background-size: 100px;
	}
}