/*=====================================================*/
@media screen and (max-width:767px){
/*=====================================================*/
.login_wrap{ width: 100%; background: rgba(255,255,255,0.8); }
.login-body h1 {color: #003768; font-weight: 500;}
.login-body .form-group .form-control {border-bottom: #003768 1px solid; color: #003768;}
.pos-ab { right: 17px; bottom: -24px; width: 42px;}
.login-body .form-group i{color: #003768;}

.login-body ::-webkit-input-placeholder { color: #003768 !important;}
.login-body :-moz-placeholder { color: #003768 !important;}  
.login-body ::-moz-placeholder { color: #003768 !important;}
.login-body :-ms-input-placeholder {color: #003768 !important;}
input:-webkit-autofill{-webkit-text-fill-color: #003768; }

.login-body .login-btn a {float: right; color: #003768; top: -5px;}
.login-body .form-group button { font-size: 15px; font-weight: normal; padding: 10px 17px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}


.hd_top a.logo{ width: 100%; }
.navbar-custom-menu .navbar-nav>li>a{ padding-bottom: 11px; }
.content-header>.breadcrumb{ background: none; margin-left: 2px; }
.dashboard_wrap .content { padding: 15px;}

.dashboard_form label,
.dashboard_form .input-group.datepick,
.dashboard_form .input-group.cust_id,
.search_by_top form label, .search_by_top form > div,
.search_by_top.search_by_top_new form label{ width: 100%; box-sizing: border-box; margin-bottom: 8px; }
.dash_section .small-box{ margin:0 0 6px 0; }





.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{right:0;}
.hd_right_nav li ul li a i{ top:4px; }


.dashboard_form button[type=submit] { width:10%; padding:5px 8px;}
.reg_customer label, .reg_customer input.reg_input, .reg_customer .selt{ width: 100%; box-sizing: border-box; }
a.add_top_btn{ position: relative; display: inline-block; right: 0; bottom: 0; margin-top: 8px;}

.small-box>.inner{ padding:9px; }
.profile_block.personal-detailsform label{ top:0; }
.profile_block.personal-detailsform input, .profile_block.personal-detailsform textarea, .swtich-field, .profile_block.personal-detailsform label{ width: 100%; }
.profile_block.personal-detailsform label{ margin-bottom: 3px; }
.cust_select_radio {margin-right: 14px;}

#addlink .modal-dialog{ width: 100%; box-sizing: border-box; }
.modal-dialog{ margin:0; padding:10px; }

.p-gap{ padding:0 7px; }

}

/*=====================================================*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*=====================================================*/
.pos-ab { right: 17px; bottom: -30px; width:65px;}
.dashboard_form .input-group.datepick,
.dashboard_form .input-group.cust_id{ width: 49.1%; box-sizing: border-box; margin-bottom: 8px; display: inline-block; vertical-align: top; }
.dashboard_form button[type=submit] { padding:3px 8px;}
a.add_top_btn{ position: absolute; display: inline-block; right:15px; bottom:20px;}


}
/*=====================================================*/
@media only screen and (min-width: 768px) and (max-width:1072px) {
/*=====================================================*/
.profile_block.personal-detailsform label{ top:0; }
.profile_block.personal-detailsform input, .profile_block.personal-detailsform textarea, .swtich-field, .profile_block.personal-detailsform label{ width: 100%; }
.profile_block.personal-detailsform label{ margin-bottom: 3px; }
.cust_select_radio {margin-right: 14px;}




}

/*=====================================================*/
@media only screen and (min-width: 768px) and (max-width:1160px) {
/*=====================================================*/
.dashboard_form label, .search_by_top form label{ width: 100%; box-sizing: border-box; margin-bottom: 8px; }
.dashboard_form .input-group.datepick,
.dashboard_form .input-group.cust_id{ width: 17.5%; box-sizing: border-box; margin-bottom: 8px; display: inline-block; vertical-align: top; }
.dashboard_form button[type=submit] { padding:3px 8px;}

}

/*=====================================================*/
@media only screen and (min-width: 768px) and (max-width:1199px) {
/*=====================================================*/
.navbar-custom-menu .navbar-nav>li>a{ padding-bottom: 12px; }
.content-header>.breadcrumb{ background: none; margin-left: 2px; }
.dash_section .small-box{ margin:0 0 6px 0; }





}