@media(max-width: 767px) {
    .wraper > .container {
        padding-left: 0px;
        padding-right: 0px;
    }
    span.glyphicon-menu-left,
    span.glyphicon-menu-right {
        display: none
    }
    .newsdate span {
        margin: 0px !important;
    }
    .navbar-nav > li {
        border-right: 0px;
        line-height: 23px;
        font-size: 15px;
    }
    .demo {
        width: 100%;
        margin: 0 auto;
    }
    .wraper {
        background-image: none;
    }
    .nav {
        width: 100%
    }
    .nav li {
        width: 100%;
        border-bottom: 0.3px dotted #171717
    }
    .nav li:hover {
        background: #ffffff;
        /*filter: alpha(opacity=50);

    -moz-opacity: 0.5;

    opacity: 0.5;*/
    }
    #slider1_container img {
        bottom: 14px;
        float: left;
        height: 26.5%;
        position: absolute;
        width: 5%;
        z-index: 2000;
    }
    .caption-holder {
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 18px;
        font-size: 15px;
        left: 5px;
        padding: 16px 0 0;
        position: absolute;
        z-index: 2000;
        -webkit-transition: 0.5s;
        /* Safari */
        
        transition: 0.5s;
    }
    .navbar-toggle {
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        float: left;
        margin-bottom: 8px;
        margin-right: 15px;
        margin-top: -52px;
        padding: 9px 10px;
        position: relative;
        margin-left: 15px;
    }
    .navbar {
        border: 1px dotted transparent;
        margin-bottom: 0px;
        min-height: 0;
        position: relative;
    }
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > td,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > thead > tr > th {
        white-space: normal;
    }
    .navbar-toggle {
        margin: -71px 15px 8px;
        padding: 8px 6px;
    }
    .top > .pull-right {
        margin-top: 10px;
    }
    .top a {
        color: #777;
        margin-top: 0;
    }
    .navbar-default {
        margin-top: 10px;
    }
    .custom-table {
        border: 0 none;
        height: 355px;
        margin: 0 auto;
        overflow: auto;
        width: 92%;
    }
    footer img.pull-left,
    footer img.pull-right {
        margin: 5px 0 0 3px;
    }
    footer a {
        overflow: hidden;
        width: 32%;
    }
    footer img {
        width: auto;
    }
    footer {
        background-color: #0D0D0D;
        border-top: 1px solid #282828;
        padding: 5px;
        margin-top: 20px;
    }
    footer .pull-left {
        margin: 5px 10px 0 20px;
    }
    .about {
        width: 100% !important
    }
    .sidebar {
        width: 100% !important
    }
    .SclassRight {
        padding-left: 0;
        padding-right: 13px !important;
    }
    .add-info {
        color: #8b6700;
        font-size: 22px;
        letter-spacing: 1px;
        position: absolute;
        text-align: center;
        text-shadow: unset;
        text-transform: uppercase;
        top: -2px;
        width: 100%;
    }
    .fee {
        bottom: 38px;
        color: #969696;
        font-family: arial;
        font-size: 1.5em;
        margin-bottom: 6px;
        position: absolute;
        text-shadow: unset;
    }
    .fee_second {
        position: absolute;
        top: 133px;
    }
    /*============================================= Fee Structure ============================================*/
    
    .fee-structure .grad-holder-2 {
        height: 105px;
    }
    .str_radio > div {
        margin-right: auto;
    }
    .fee_second {
        position: unset !important;
        top: 55px !important;
    }
    .session {
        margin-right: auto;
    }
    .fee {
        position: unset !important;
    }
    /*===================================================== Candidate's age =========================================================*/
    .schoolTime .account_table table,
    .calculateAge .account_table table {
  width: 100%;
}
    .grad-holder-2:nth-child(2) {
        padding-left: 30px;
        height: 250px;
    }
    .school_dec .grad-holder-2:nth-child(2) {
        height: 110px;
        padding-left: 30px;
    }
    .school_dec p {
        top: 70px;
    }
    .school_dec h2 {
        font-size: 1.3em;
    }
    .s_sections {
        border-bottom: 0 none;
        margin-left: 0;
        margin-top: 10px;
        padding-left: 0;
    }
    .s_sections li {
        font-size: 1.4em;
        margin-bottom: 8px;
        text-align: center;
        width: 100%;
    }
    .tab_shadow {
        margin-left: -7px;
    }
    .grad-holder-2:nth-child(2) {
        height: auto;
        padding-left: 30px;
    }
    .candInfo input {
        margin-top: 5px;
    }
    .gradBackground .nav-tabs > li,
    .nav-pills > li {
        display: inline-block;
        float: none;
        padding-top: 10px;
    }
    /*==================================================== ACCOUNT PAGE =============================================================*/
    
    .account_table table {
        max-width: 767px;
        width: 767px;
    }
    .pay_d_bill {
        float: left;
        width: 100%;
    }
    .pay_d_bill p {
        color: #01a6e6;
        font-size: 0.75em;
        margin: 0;
        padding: 13px 0;
        text-align: center;
        text-transform: uppercase;
    }
    .ttl_ammount {
        background: #202020 none repeat scroll 0 0;
        margin-left: 0;
        width: 100%;
    }
    .ammnt {
        margin-left: 0;
        width: 100%;
    }
    .table-responsive {
        border: 0px;
    }
    table.dataTable thead th,
    table.dataTable tbody td {
        padding: 5px;
        white-space: nowrap;
    }
    /*=========================================== Report =========================================*/
    
    .report_table table th {
        line-height: 1.5em !important;
        text-shadow: 0 2px 1px #000 !important;
    }
    .report_table th input,
    .report_table td input {
        margin-left: 5px;
        margin-right: 5px;
    }
    .table-responsive .table {
        margin-bottom: 20px;
        max-width: 850px;
        width: 850px;
    }
    .student_report_holder .grad-holder-2 {
        background-image: radial-gradient(ellipse farthest-corner at center -27px, #949494 -100%, #030303 61%);
        height: 170px;
        overflow: hidden;
        width: 100%;
    }
    .inputs_group > div {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    /*===================================Explore================================*/
    
    #explore .admin-box-inner-table p {
        margin-left: 10%;
        width: 80%;
    }
    .grad-holder-4,
    .grad-holder,
    .grad-holder-3 {
        width: 84%;
    }
    /*=========================================================
                    Log In box
===========================================================*/
    
    .button_bss {
        background-color: #0c7ca5;
        background-image: linear-gradient(to bottom, #0c7ca5, #003451);
        border: 1px solid #085571;
        border-radius: 5px;
        color: #050505;
        display: inline-block;
        float: right;
        font-family: arial, helvetica, sans-serif;
        font-size: 20px;
        font-weight: bold;
        height: auto;
        line-height: 20px;
        margin-right: auto;
        padding: 10px;
        text-decoration: none;
        width: 100%;
    }
    /*====================================================
                    Change Password
======================================================*/
    
    .button_bss {
        margin-top: 10px;
    }
    /*============================================= Career ================================================*/
    
    .spacing h3 {
        margin-top: 0px;
    }
    /*====================================== Planner Holiday =================================================*/
    .PrintIcons {
      position: absolute;
      right: 0;
      top: 46px;
    }
    #datetimepicker1 > input.form-control,
    #datetimepicker2 > input.form-control {
        width: 75% !important;
    }
    .dateHolder .form-control {
        width: 100%;
    }
    #holiday .grad-holder {
        height: 200px;
        position: relative;
    }
    #holiday .dateHolder {
        background: transparent none repeat scroll 0 0;
        border: 0 none;
        cursor: pointer;
        display: block;
        height: 32px;
        margin-top: 10px;
        overflow: hidden;
    }
    .dateHolder .form-control {
        width: 100% !important;
    }
    .MyAttBox {
        margin-top: 40px !important;
    }
    /*=================================== Public Dashboard ====================================*/
    
    .admin-box-inner {
        padding: 5px !important;
    }
    .admin-box {
        background: #1b1b1b none repeat scroll 0 0;
        border: 1px solid #191919;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }

/*================================================== Attendance =======================================================*/
.attendance .dateHolder{
  margin-bottom: 15px;
}
}