@media only screen and (min-width: 959px) and (max-width: 1045px) {

    .thankxPadding {
        line-height: 25px !important;
    }
    .navbar-nav > li > a > b {
        display: none;
    }
    .tutor_search .tutor-list .tutor-list-right{
        max-width: 60%;
    }
    /******** pick-dates ********/

    .pick-date-listing > ul li {
        display: inline-block;
        float: left;
        padding: 5px;
        width: 33.33%;
    }

    /******** pick-dates ********/

    /******** Class detail ********/

    .price_box{
        min-width: 62%;
        padding: 25px;
    }
    .trial-box{
        margin-left: 3%;
        padding: 25px;
        min-width: 30%;
    }
    .art-tutor-name-popup.custom-popup .custom-popup-inner{
        width: 90%;
        max-height: 90%;
    }
    .art-tutor-name-popup.custom-popup .tutor_search{
        padding: 0;
    }

    /******** Class detail ********/

}
@media only screen and (min-width: 768px) and (max-width: 959px) {

    .thankxPadding {
        line-height: 25px !important;
    }
    .navbar-toggle{
        margin-right: 0
    }
    /******** About ********/
    #mainContent{
        width: 100%;
        padding: 0;
        margin: 0
    }
    #artwork{
        padding: 0;
        margin: 0;
        width: 100%;
    }
    #artwork .img1 {
        display: inline-block;
        margin: 0 2% 30px;
        vertical-align: top;
        width: 28%;
    }
    #artwork .img1 a img{
        width: 100%;
        height: auto !important
    }

    /******** About ********/

    /******** Class detail ********/

    .class-detail-bottom{
        display: block;
    }
    .price_box{
        padding: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    .trial-box{
        padding: 20px;
        margin: 0;
        width: 100%;
    }
    .art-tutor-name-popup.custom-popup .custom-popup-inner{
        width: 90%;
        max-height: 90%;
    }
    .art-tutor-name-popup.custom-popup .tutor_search{
        padding: 0;
    }

    /******** Class detail ********/


    /******** Add child ********/

    .art-top {
        padding: 0 15px;
    }
    .top-lbl{
        padding: 5px 0
    }
    .top-lbl .lbl-left label{
        display: block
    }
    .top-lbl .lbl-right label{
        display: block
    }
    .form-main {
        margin: 30px auto;
        padding: 25px !important;
        width: 100% !important;
    }
    .form-main .field .field-left {
        padding-right: 0px;
        margin: 0 0 3px;
        text-align: left;
        width: 100% !important;
    }
    .form-main .field .field-right {
        width: 100% !important;
    }
    .form-main hr.border {
        margin: 41px auto 41px 0%;
        width: 100% !important;
    }

    /******** Add child ********/

    /******** pick-dates ********/

    .define-day-detail {
        overflow: hidden;
    }
    .define-day-detail .box {
        float: left;
        margin: 0 1%;
        width: 31%;
    }
    .pick-date-listing > ul li {
        display: inline-block;
        float: left;
        padding: 5px;
        width: 33.33%;
    }

    /******** pick-dates ********/

    /******** basket ********/

    /******** Search ********/

    .search-main .top-search-bar{
        padding: 10px;
    }
    .search-main .top-search-bar .search-bar{
        width: 100%;
    }
    .front-top-search-bar .front-search-bar{
        width: 100%;
    }

    .search-main .destance-box{
        margin: 0;
    }

    /*    .fixDiv .time-table table.term_tbl table, 
        .fixDiv .time-table table.term_tbl thead, 
        .fixDiv .time-table table.term_tbl tbody, 
        .fixDiv .time-table table.term_tbl th, 
        .fixDiv .time-table table.term_tbl td, 
        .fixDiv .time-table table.term_tbl tr { 
            display: block; 
        }
    
        .fixDiv .time-table table.term_tbl thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    
        .fixDiv .time-table table.term_tbl tr { border: 1px solid #ccc; }
    
        .fixDiv .time-table table.term_tbl tr td { 
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            padding: 10px 7px 10px 50%;
        }
    
        .fixDiv .time-table table.term_tbl tr td:first-child {
            font-weight: normal;
        }
        .fixDiv .time-table .term_tbl td:nth-child(5){
            width: auto
        }
        .fixDiv .time-table .term_tbl td:nth-child(6){
            width: auto
        }
    
        .fixDiv .time-table table.term_tbl tr td:before { 
            position: absolute;
            top: 10px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
            font-weight: 600
        }
    
    
        .fixDiv .time-table table.term_tbl tr td:nth-of-type(1):before { content: "day"; }
        .fixDiv .time-table table.term_tbl tr td:nth-of-type(2):before { content: "Time"; }
        .fixDiv .time-table table.term_tbl tr td:nth-of-type(3):before { content: "Vanue"; }
        .fixDiv .time-table table.term_tbl tr td:nth-of-type(4):before { content: "Class"; }
        .fixDiv .time-table table.term_tbl tr td:nth-of-type(5):before { content: "Available places"; }
        .fixDiv .time-table table.term_tbl tr td:nth-of-type(6):before { content: ""; }
    
    
        .fixDiv .time-table table.camp_tbl table, 
        .fixDiv .time-table table.camp_tbl thead, 
        .fixDiv .time-table table.camp_tbl tbody, 
        .fixDiv .time-table table.camp_tbl th, 
        .fixDiv .time-table table.camp_tbl td, 
        .fixDiv .time-table table.camp_tbl tr { 
            display: block; 
        }
    
        .fixDiv .time-table table.camp_tbl thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    
        .fixDiv .time-table table.camp_tbl tr { border: 1px solid #ccc; }
    
        .fixDiv .time-table table.camp_tbl tr td { 
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            padding: 10px 7px 10px 30%;
        }
    
        .fixDiv .time-table table.camp_tbl tr td:first-child {
            font-weight: normal;
            border-right: none;
        }
        .fixDiv .time-table table.camp_tbl tr td:last-child {
            width: 100%;
        }
    
        .fixDiv .time-table table.camp_tbl tr td:before { 
            position: absolute;
            top: 10px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
            font-weight: 600
        }
    
    
        .fixDiv .time-table table.camp_tbl tr td:nth-of-type(1):before { content: "Week"; }
        .fixDiv .time-table table.camp_tbl tr td:nth-of-type(2):before { content: "Dates"; }
        .fixDiv .time-table table.term_tbl tr td:nth-of-type(3):before { content: ""; }*/

    .fixDiv .time-table table.term_tbl tr td{
        padding: 7px;
    }
    .fixDiv .time-table table.term_tbl tr td.res-hide {
        display: none;
    }
    .fixDiv .time-table table.term_tbl tr th.res-hide {
        display: none;
    }
    .fixDiv .time-table table.term_tbl tr td:first-child {
        width: 20%;
        vertical-align: top;
    }
    .fixDiv .time-table table.term_tbl tr td.desk-hide {
        display: table-cell;
        width: 80%;
    }
    .fixDiv .art-data-tbl .time-table .term_tbl td:last-child {
        display: none
    }
    .fixDiv .time-table table.term_tbl tr td a {
        margin-top: 10px;
    }
    .fixDiv .time-table table.term_tbl tr td span.sport-class {
        font-weight: 600;
    }


    .fixDiv .time-table table.camp_tbl tr th:last-child {
        display: none;
    }
    .fixDiv .time-table table.camp_tbl tr td:first-child{
        width: 25%;
    }
    .fixDiv .time-table table.camp_tbl tr td:nth-child(2){
        width: 75%;
    }
    .fixDiv .time-table table.camp_tbl tr td:last-child{
        display: none;
    }

    .fixDiv .time-table table.camp_tbl tr td.desk-hide {
        border-top: 1px solid #cccccc;
        border-right: none;
        display: table-cell;
    }

    .tutor_search .tutor-list .border{
        display: none;
    }
    .tutor_search .tutor-list .tutor-list-right{
        max-width:100%;
    }

    /******** Search ********/

    .discount-box .left {
        width: 60%;
    }
    .discount-box .left .field {
        width: 100%;
    }

    #CartDiv .custom-popup.termsCondition .custom-popup-inner {
        width: 90%;
    }
    #CartDiv .custom-popup .custom-popup-inner .contain {
        max-height: 73% !important;
    }


    /******** basket ********/

}
@media only screen and (min-width: 591px) and (max-width: 767px) {

    /********* Menu **********/
    .thankxPadding {
        line-height: 25px !important;
    }
    ul#login-dp.dropdown-menu{
        width: 350px;
        margin: auto
    }

    /********* Common header **********/

    .art-top .back-btn-top {
        margin: 15px 0 0;
        position: static;
    }
    .art-top h1{
        padding: 0;
    }

    /********* Common header **********/

    /******** About ********/

    #artwork{
        padding: 0;
        margin: 0;
        width: 100%;
    }
    #artwork .img1 {
        display: inline-block;
        margin: 0 2% 30px;
        vertical-align: top;
        width: 45%;
    }
    #artwork .img1 a img{
        width: 100%;
        height: auto !important
    }

    /******** About ********/

    /******** class detail ********/

    .class-info{
        padding:100px 20px 20px;
    }
    .class-contact {
        left: 15px;
        right: auto;
        width: 92%;
    }

    .class-info .img-box {
        margin-right: 0;
        text-align: center;
        width: 100%;
    }
    .class-info .class-dtl {
        padding: 0;
        width: 100%;
    }
    .class-info .venue-dtl {
        padding: 0;
        width: 100%;
    }
    .class-info .venue-note {
        padding: 0;
        width: 100%;
    }
    .trial-box .trial-left {
        margin-bottom: 15px;
        margin-right: 0;
        width: auto;
    }
    .class-detail-bottom{
        display: block;
    }
    .price_box{
        padding: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    .trial-box{
        padding: 20px;
        margin: 0;
        width: 100%;
    }

    .custom-popup .custom-popup-inner{
        width: 90%;
        max-height: 90%;
    }
    .art-tutor-name-popup.custom-popup .custom-popup-inner {
        bottom: 15px;
        height: auto;
        left: 15px;
        right: 15px;
        top: 15px;
        width: auto;
        max-height: none;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
    }
    .art-tutor-name-popup.custom-popup .custom-popup-inner .contain {
        height: 100%;
        max-height: none;
    }
    .art-tutor-name-popup.custom-popup .tutor_search{
        padding: 0;
    }
    .custom-popup .custom-popup-inner .btn-box > a{
        margin: 5px 0
    }   

    /******** class detail ********/

    /******** book class ********/

    .bskt-detail{
        padding: 20px;
    }
    .bskt-detail .detail-box .left {
        width: 40%;
    }
    .bskt-detail .detail-box .middle {
        width: 35%;
    }
    .bskt-detail .detail-box .right {
        padding: 0;
        width: 25%;
    }
    .book-class-main .booking-list .booking-box{
        width: 50%;
    }

    /******** book class ********/

    /******** Add child ********/

    .art-top {
        padding: 0 15px;
    }
    .top-lbl{
        padding: 5px 0
    }
    .top-lbl .lbl-left label{
        display: block
    }
    .top-lbl .lbl-right label{
        display: block
    }
    .form-main {
        margin: 30px auto;
        padding: 25px !important;
        width: 100% !important;
    }
    .form-main .field .field-left {
        padding-right: 0px;
        margin: 0 0 3px;
        text-align: left;
        width: 100% !important;
    }
    .form-main .field .field-right {
        width: 100% !important;
    }
    .form-main hr.border {
        margin: 41px auto 41px 0%;
        width: 100% !important;
    }

    /******** Add child ********/

    /******** holiday detail ********/

    .holiday-info{
        padding: 100px 20px 20px;
    }
    .holiday-info .img-box {
        margin-right: 0;
        text-align: center;
        width: 100%;
    }
    .holiday-info .info-box-main {
        margin-top: 20px;
        width: 100%;
    }
    .holiday-info .info-box-main > label {
        margin-left: 0;
    }
    .holiday-info .info-box-main .info-box1 {
        padding: 0;
        width: 100%;
    }
    .holiday-info .info-box-main .info-box2 {
        padding: 25px 0;
        width: 100%;
    }
    .holiday-info .info-box-main .info-box3 {
        padding: 0;
        width: 100%;
    }

    /******** holiday detail ********/

    /******** pick-dates ********/

    .define-day-detail {
        overflow: hidden;
    }
    .define-day-detail .box {
        float: left;
        margin: 0 1%;
        width: 31%;
    }
    .pick-date-listing > ul li {
        display: inline-block;
        float: left;
        padding: 5px;
        width: 33.33%;
    }

    /******** pick-dates ********/

    /******** basket ********/

    .discount-box .left {
        width: 60%;
    }
    .discount-box .left .field {
        width: 100%;
    }
    .turms-box > span {
        display: inline-block;
        font-size: 14px;
        vertical-align: top;
        width: 90%;
    }
    .turms-box > input[type="checkbox"]{
        display: inline-block;
        vertical-align: top;
    }
    .custom-popup.termsCondition .custom-popup-inner {
        width: 90%;
    }
    .custom-popup .custom-popup-inner .contain{
        max-height: 160px;
    }
    #CartDiv .custom-popup .custom-popup-inner .contain {
        max-height: 73% !important;
    }


    /******** basket ********/

    /******** Search ********/

    .search-main .top-search-bar{
        padding: 10px;
    }
    .search-main .top-search-bar .search-bar{
        width: 100%;
    }
    .front-top-search-bar {
        padding: 10px;
    }
    .front-top-search-bar .front-search-bar{
        width: 100%;
    }
    .search-main .destance-box{
        margin: 0;
    }

    /*    .fixDiv .time-table table.term_tbl table, 
        .fixDiv .time-table table.term_tbl thead, 
        .fixDiv .time-table table.term_tbl tbody, 
        .fixDiv .time-table table.term_tbl th, 
        .fixDiv .time-table table.term_tbl td, 
        .fixDiv .time-table table.term_tbl tr { 
            display: block; 
        }
    
        .fixDiv .time-table table.term_tbl thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    
        .fixDiv .time-table table.term_tbl tr { border: 1px solid #ccc; }
    
        .fixDiv .time-table table.term_tbl tr td { 
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            padding: 10px 7px 10px 50%;
        }
    
        .fixDiv .time-table table.term_tbl tr td:first-child {
            font-weight: normal;
        }
        .fixDiv .time-table .term_tbl td:nth-child(5){
            width: auto
        }
        .fixDiv .time-table .term_tbl td:nth-child(6){
            width: auto
        }
    
        .fixDiv .time-table table.term_tbl tr td:before { 
            position: absolute;
            top: 10px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
            font-weight: 600
        }
    
    
        .fixDiv .time-table table.term_tbl tr td:nth-of-type(1):before { content: "day"; }
        .fixDiv .time-table table.term_tbl tr td:nth-of-type(2):before { content: "Time"; }
        .fixDiv .time-table table.term_tbl tr td:nth-of-type(3):before { content: "Vanue"; }
        .fixDiv .time-table table.term_tbl tr td:nth-of-type(4):before { content: "Class"; }
        .fixDiv .time-table table.term_tbl tr td:nth-of-type(5):before { content: "Available places"; }
        .fixDiv .time-table table.term_tbl tr td:nth-of-type(6):before { content: ""; }
    
    
        .fixDiv .time-table table.camp_tbl table, 
        .fixDiv .time-table table.camp_tbl thead, 
        .fixDiv .time-table table.camp_tbl tbody, 
        .fixDiv .time-table table.camp_tbl th, 
        .fixDiv .time-table table.camp_tbl td, 
        .fixDiv .time-table table.camp_tbl tr { 
            display: block; 
        }
    
        .fixDiv .time-table table.camp_tbl thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    
        .fixDiv .time-table table.camp_tbl tr { border: 1px solid #ccc; }
    
        .fixDiv .time-table table.camp_tbl tr td { 
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            padding: 10px 7px 10px 30%;
        }
    
        .fixDiv .time-table table.camp_tbl tr td:first-child {
            font-weight: normal;
            border-right: none;
        }
        .fixDiv .time-table table.camp_tbl tr td:last-child {
            width: 100%;
        }
    
        .fixDiv .time-table table.camp_tbl tr td:before { 
            position: absolute;
            top: 10px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
            font-weight: 600
        }
    
    
        .fixDiv .time-table table.camp_tbl tr td:nth-of-type(1):before { content: "Week"; }
        .fixDiv .time-table table.camp_tbl tr td:nth-of-type(2):before { content: "Dates"; }
        .fixDiv .time-table table.term_tbl tr td:nth-of-type(3):before { content: ""; }*/

    .fixDiv .time-table table.term_tbl tr td{
        padding: 7px;
    }
    .fixDiv .time-table table.term_tbl tr td.res-hide {
        display: none;
    }
    .fixDiv .time-table table.term_tbl tr th.res-hide {
        display: none;
    }
    .fixDiv .time-table table.term_tbl tr td:first-child {
        width: 20%;
        vertical-align: top;
    }
    .fixDiv .time-table table.term_tbl tr td.desk-hide {
        display: table-cell;
        width: 80%;
    }
    .fixDiv .art-data-tbl .time-table .term_tbl td:last-child {
        display: none
    }
    .fixDiv .time-table table.term_tbl tr td a {
        margin-top: 10px;
    }
    .fixDiv .time-table table.term_tbl tr td span.sport-class {
        font-weight: 600;
    }


    .fixDiv .time-table table.camp_tbl tr th:last-child {
        display: none;
    }
    .fixDiv .time-table table.camp_tbl tr td:first-child{
        width: 25%;
    }
    .fixDiv .time-table table.camp_tbl tr td:nth-child(2){
        width: 75%;
    }
    .fixDiv .time-table table.camp_tbl tr td:last-child{
        display: none;
    }

    .fixDiv .time-table table.camp_tbl tr td.desk-hide {
        border-top: 1px solid #cccccc;
        border-right: none;
        display: table-cell;
    }

    .tutor_search .tutor-list .border{
        display: none;
    }
    .tutor_search .tutor-list .tutor-list-right{
        max-width:100%;
    }

    /******** Search ********/

    #footer{
        margin-top: 40px;
    }

}
@media only screen and (min-width: 471px) and (max-width: 590px) {

    .thanxheading{
        margin-top: 17px !important;
    }
    .thankxPadding {
        line-height: 25px !important;
    }
    #mainContent{
        padding: 0
    }
    h2, .h2{
        font-size: 24px;
    }
    /********* Menu **********/

    ul#login-dp.dropdown-menu{
        width: 350px;
        margin: auto
    }
    /********* Menu **********/

    /********* Common header **********/

    .art-top .back-btn-top {
        margin: 15px 0 0;
        position: static;
    }
    .art-top h1{
        padding: 0;
    }

    /********* Common header **********/

    /******** About ********/

    #artwork{
        padding: 0;
        margin: 0;
        width:100%;
    }
    #artwork .img1 {
        display: inline-block;
        margin: 0 2% 30px;
        vertical-align: top;
        width: 45%;
    }

    /******** About ********/

    /******** class detail ********/

    .class-info{
        padding:100px 20px 20px;
    }
    .class-contact {
        left: 15px;
        right: auto;
        width: 92%;
    }

    .class-info .img-box {
        margin-right: 0;
        text-align: center;
        width: 100%;
    }
    .class-info .class-dtl {
        padding: 0;
        width: 100%;
    }
    .class-info .venue-dtl {
        padding: 0;
        width: 100%;
    }
    .class-info .venue-note {
        padding: 0;
        width: 100%;
    }
    .trial-box .trial-left {
        margin-bottom: 15px;
        margin-right: 0;
        width: auto;
    }
    .class-detail-bottom{
        display: block;
    }
    .price_box{
        padding: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    .trial-box{
        padding: 20px;
        margin: 0;
        width: 100%;
    }
    .custom-popup .custom-popup-inner{
        width: 90%;
        max-height: 90%;
    }
    .art-tutor-name-popup.custom-popup .custom-popup-inner {
        bottom: 15px;
        height: auto;
        left: 15px;
        right: 15px;
        top: 15px;
        width: auto;
        max-height: none;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
    }
    .art-tutor-name-popup.custom-popup .custom-popup-inner .contain {
        height: 100%;
        max-height: none;
    }
    .art-tutor-name-popup.custom-popup .tutor_search{
        padding: 0;
    }
    .custom-popup .custom-popup-inner .btn-box > a{
        margin: 5px 0
    }

    /******** class detail ********/

    /******** book class ********/
    .bskt-detail .top-hed h2{
        margin-top: 15px;
    }
    .bskt-detail .detail-box .left {
        padding: 0 15px 20px 0;
        width: 100%;
    }
    .bskt-detail .detail-box .middle {
        padding: 0;
        width: 100%;
    }
    .bskt-detail .detail-box .right {
        padding: 20px 0 0;
        width: 100%;
    }
    .book-class-main .booking-list .booking-box {
        margin: auto auto 20px;
        width: 50%;
    }

    /******** book class ********/

    /******** Add child ********/

    .art-top {
        padding: 0 15px;
    }
    .top-lbl{
        padding: 5px 0
    }
    .top-lbl .lbl-left label{
        display: block
    }
    .top-lbl .lbl-right label{
        display: block
    }
    .form-main {
        margin: 30px auto;
        padding: 25px !important;
        width: 100% !important;
    }
    .form-main .field .field-left {
        padding-right: 0px;
        margin: 0 0 3px;
        text-align: left;
        width: 100% !important;
    }
    .form-main .field .field-right {
        width: 100% !important;
    }
    .form-main hr.border {
        margin: 41px auto 41px 0%;
        width: 100% !important;
    }
    .form-main .field .field-right .birth-date-box .serch-box .help-block{
        font-size: 11px;
    }

    /******** Add child ********/

    /******** holiday detail ********/

    .holiday-info{
        padding: 100px 20px 20px;
    }
    .holiday-info .img-box {
        margin-right: 0;
        text-align: center;
        width: 100%;
    }
    .holiday-info .info-box-main {
        margin-top: 20px;
        width: 100%;
    }
    .holiday-info .info-box-main > label {
        margin-left: 0;
    }
    .holiday-info .info-box-main .info-box1 {
        padding: 0;
        width: 100%;
    }
    .holiday-info .info-box-main .info-box2 {
        padding: 25px 0;
        width: 100%;
    }
    .holiday-info .info-box-main .info-box3 {
        padding: 0;
        width: 100%;
    }

    /******** holiday detail ********/

    /******** pick-dates ********/

    .define-day-detail {
        text-align: center;
    }
    .define-day-detail .box {
        margin: 0 5px 20px;
        width: 200px;
    }
    .pick-date-listing > ul li {
        display: inline-block;
        float: none;
        padding: 5px;
        vertical-align: top;
        width: 48%;
    }

    /******** pick-dates ********/

    /******** order ********/

    .order-detail-main .ord-head {
        padding-top: 30px;
    }
    .ord-summry .summry-left {
        width: 100%;
    }
    .ord-summry .summry-right {
        margin: 30px 0 0;
        width: 100%;
    }
    .discount-box .left {
        margin-bottom: 30px;
    }

    /******** order ********/

    /******** basket ********/

    .discount-box{
        padding: 25px;
    }
    .discount-box .left .field {
        width: 100%;
    }
    .turms-box{
        padding: 10px 20px;
    }
    .turms-box > span {
        display: inline-block;
        font-size: 14px;
        vertical-align: top;
        width: 85%;
    }
    .turms-box > input[type="checkbox"]{
        display: inline-block;
        vertical-align: top;
    }
    .custom-popup.termsCondition .custom-popup-inner {
        width: 90%;
    }
    .custom-popup .custom-popup-inner .contain{
        max-height: 160px;
    }
    #CartDiv .custom-popup .custom-popup-inner .contain {
        max-height: 73% !important;
    }

    /******** basket ********/

    /******** Art ********/

    /*    .time-table table.term_tbl table, .time-table table.term_tbl thead, .time-table table.term_tbl tbody, .time-table table.term_tbl th, .time-table table.term_tbl td, .time-table table.term_tbl tr { 
            display: block; 
        }
    
        .time-table table.term_tbl thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    
        .time-table table.term_tbl tr { border: 1px solid #ccc; }
    
        .time-table table.term_tbl tr td { 
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            padding: 10px 7px 10px 40%;
        }
    
        .time-table table.term_tbl tr td:first-child {
            font-weight: normal;
        }
        .art-data-tbl .time-table .term_tbl td:nth-child(5){
            width: auto
        }
        .art-data-tbl .time-table .term_tbl td:nth-child(6){
            width: auto
        }
    
        .time-table table.term_tbl tr td:before { 
            position: absolute;
            top: 10px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
            font-weight: 600
        }
    
    
        .time-table table.term_tbl tr td:nth-of-type(1):before { content: "day"; }
        .time-table table.term_tbl tr td:nth-of-type(2):before { content: "Time"; }
        .time-table table.term_tbl tr td:nth-of-type(3):before { content: "Vanue"; }
        .time-table table.term_tbl tr td:nth-of-type(4):before { content: "Class"; }
        .time-table table.term_tbl tr td:nth-of-type(5):before { content: "Available places"; }
        .time-table table.term_tbl tr td:nth-of-type(6):before { content: ""; }
    
    
        .time-table table.camp_tbl table, .time-table table.camp_tbl thead, .time-table table.camp_tbl tbody, .time-table table.camp_tbl th, .time-table table.camp_tbl td, .time-table table.camp_tbl tr { 
            display: block; 
        }
    
        .time-table table.camp_tbl thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    
        .time-table table.camp_tbl tr { border: 1px solid #ccc; }
    
        .time-table table.camp_tbl tr td { 
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            padding: 10px 7px 10px 30%;
        }
    
        .time-table table.camp_tbl tr td:first-child {
            font-weight: normal;
            border-right: none;
        }
        .time-table table.camp_tbl tr td:last-child {
            width: 100%;
        }
    
        .time-table table.camp_tbl tr td:before { 
            position: absolute;
            top: 10px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
            font-weight: 600
        }
    
    
        .time-table table.camp_tbl tr td:nth-of-type(1):before { content: "Week"; }
        .time-table table.camp_tbl tr td:nth-of-type(2):before { content: "Dates"; }
        .time-table table.term_tbl tr td:nth-of-type(3):before { content: ""; }*/

    .time-table table.term_tbl tr td{
        padding: 7px;
    }
    .time-table table.term_tbl tr td.res-hide {
        display: none;
    }
    .time-table table.term_tbl tr th.res-hide {
        display: none;
    }
    .time-table table.term_tbl tr td:first-child {
        width: 20%;
        vertical-align: top;
    }
    .time-table table.term_tbl tr td.desk-hide {
        display: table-cell;
        width: 80%;
    }
    .art-data-tbl .time-table .term_tbl td:last-child {
        display: none
    }
    .time-table table.term_tbl tr td a {
        margin-top: 10px;
    }
    .time-table table.term_tbl tr td span.sport-class {
        font-weight: 600;
    }


    .time-table table.camp_tbl tr th:last-child {
        display: none;
    }
    .time-table table.camp_tbl tr td:first-child{
        width: 25%;
    }
    .time-table table.camp_tbl tr td:nth-child(2){
        width: 75%;
    }
    .time-table table.camp_tbl tr td:last-child{
        display: none;
    }

    .time-table table.camp_tbl tr td.desk-hide {
        border-top: 1px solid #cccccc;
        border-right: none;
        display: table-cell;
    }

    /******** Art ********/


    /******** Search ********/

    .search-main .search-left {
        width: 100%;
    }
    .search-main .search-left .fixDiv {
        /*margin-top: 50px;*/
        position: static;
        width: 100%;
        overflow: hidden;
    }
    .search-main .top-search-bar {
        background: #ffffff none repeat scroll 0 0;
        padding: 10px;
        position: fixed;
        top: 67px;
        width: 100%;
        z-index: 9;
    }
    .search-main .top-search-bar .search-bar{
        width: 82%;
        float: left;
    }
    .search-main .top-search-bar .search-bar button {
        background: none;
        position: absolute;
        right: 0;
        text-indent: -999px;
        top: 0;
        width: 40px;
    }
    .search-main .top-search-bar .search-bar::before{
        font-family: 'FontAwesome';
        content: "\f002";
    }
    .search-main .top-search-bar .search-bar::before {
        background: #ff0054;
        color: #ffffff;
        font-family: 'FontAwesome';
        content: "\f002";
        font-size: 20px;
        height: 39px;
        line-height: 39px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 40px;
        z-index: 0;
    }
    .search-main .top-search-bar .search-bar input{
        padding: 0 45px;
        width: 100%;
    }
/*    .front-top-search-bar {
         position: relative;
        width: 100%;
        z-index: 9;
    }*/
    .front-top-search-bar .front-search-bar{
        width: 82%; 
    }
    .front-top-search-bar .front-search-bar button{
        background: none;
        position: absolute;
        right: 0;
        text-indent: -999px;
        top: 0;
        width: 40px;
    }
    .front-top-search-bar .front-search-bar::before{
        font-family: 'FontAwesome';
        content: "\f002";
    }
    .front-top-search-bar .front-search-bar::before {
        background: #ff0054;
        color: #ffffff;
        font-family: 'FontAwesome';
        content: "\f002";
        font-size: 20px;
        height: 39px;
        line-height: 39px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 40px;
        z-index: 0;
    }
    .front-top-search-bar .front-search-bar input{
        padding: 0 45px;
        width: 100%;
    }
    .search-main .top-search-bar .view-btn{
        display: block
    }
    .search-main .destance-box{
        margin: 0;
    }
    .slider.slider-horizontal{
        width: 130px;
    }
    .time-table table.term_tbl tr td:nth-child(5){
        width: 100%;
    }
    .time-table table.term_tbl tr td:nth-child(6){
        width: 100%;
    }
    .tutor_search .tutor-list{
        margin-bottom: 10px;
    }
    .tutor_search .tutor-list .border{
        display: none;
    }
    .tutor_search .tutor-list .tutor-list-left {
        float: none;
        margin: auto;
    }
    .tutor_search .tutor-list .tutor-list-right {
        float: none;
        max-width: 100%;
    }


    .search-main .search-right{
        width: 100%;
        position: static;
        height: 160px;
        display: none
    }
    .search-main .search-right.show + .map-list-box{
        display: block;
    }

    /******** Search ********/


    #footer{
        margin-top: 40px;
    }

}
@media only screen and (min-width: 320px) and (max-width: 470px) {

    .ord-summry .summry-right {
        margin: 30px 0 0;
        width: 100% !important;
    }
    .thanxheading{
        margin-top: 18px !important;
    }
    .thankxPadding {
        line-height: 22px !important;
    }
    #mainContent{
        padding: 0
    }
    h2, .h2{
        font-size: 24px;
    }
    /********* Menu **********/

    ul#login-dp.dropdown-menu{
        width: 100%
    }

    /********* Menu **********/

    /********* Common header **********/

    .art-top .back-btn-top {
        margin: 15px 0 0;
        position: static;
    }
    .art-top h1{
        padding: 0;
    }

    /********* Common header **********/

    /******** Home ********/

    #textright ul {
        margin-left: 0;
        padding: 0 0 0 25px;
    }

    /******** Home ********/


    /******** About ********/

    img.floatIMG {
        clear: both;
        display: block;
        float: none;
        margin: 0 auto 10px;
    }
    #artwork{
        padding: 0;
        margin: 0;
        width:100%;
    }
    #artwork .img1{
        margin: 0 auto 20px auto
    }

    /******** About ********/


    /******** class detail ********/

    .class-info{
        padding:100px 20px 20px;
    }
    .class-contact {
        left: 15px;
        right: auto;
        width: 92%;
    }
    .class-contact a {
        margin: 7px 10px 0 0;
    }
    .class-info .img-box {
        margin-right: 0;
        text-align: center;
        width: 100%;
    }
    .class-info .class-dtl {
        padding: 0;
        width: 100%;
    }
    .class-info .venue-dtl {
        padding: 0;
        width: 100%;
    }
    .class-info .venue-note {
        padding: 0;
        width: 100%;
    }
    .trial-box .trial-left {
        margin-bottom: 15px;
        margin-right: 0;
        width: auto;
    }
    .class-detail-bottom{
        display: block;
    }
    .price_box{
        padding: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    .price_box .book-date {
        width: 250px;
    }
    .trial-box{
        padding: 20px;
        margin: 0;
        width: 100%;
    }
    .book-bnt-main > button.club-popup-btn {
        margin-left: 0;
        margin-top: 10px;
    }
    .custom-popup .custom-popup-inner{
        width: 90% !important;
        max-height: 90%;
    }
    #CartDiv .custom-popup .custom-popup-inner .contain {
        max-height: 80% !important;
    }
    .art-tutor-name-popup.custom-popup .custom-popup-inner {
        bottom: 15px;
        height: auto;
        left: 15px;
        right: 15px;
        top: 15px;
        width: auto;
        max-height: none;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
    }
    .art-tutor-name-popup.custom-popup .custom-popup-inner .contain {
        height: 100%;
        max-height: none;
    }

    .art-tutor-name-popup.custom-popup .tutor_search{
        padding: 0;
    }
    .custom-popup .custom-popup-inner .btn-box > a{
        margin: 5px 0
    }

    /******** class detail ********/

    .book-class-main {
        margin: 25px 0 0;
    }
    .bskt-detail {
        padding: 40px 15px 15px;
    }

    /******** book class ********/

    .bskt-detail .detail-box .left {
        padding: 0 15px 20px 0;
        width: 100%;
    }
    .bskt-detail .detail-box .middle {
        padding: 0;
        width: 100%;
    }
    .bskt-detail .detail-box .right {
        padding: 20px 0 40px;
        width: 100%;
    }
    .book-class-main .booking-list .booking-box {
        float: none;
        margin: auto auto 20px;
        width: 250px;
    }
    .bskt-detail .btn.add-more-kids{
        right: auto;
        left: 15px;
    }
    .basket-box-main .basket-bottom-btn > a{
        margin: 0;
    }

    /******** book class ********/


    /******** Add child ********/

    .art-top {
        padding: 0 15px;
    }
    .top-lbl .lbl-right {
        float: left;
    }
    .form-main {
        margin: 30px auto;
        padding: 25px !important;
        width: 100% !important;
    }
    .form-main .field .field-left {
        padding-right: 0px;
        margin: 0 0 3px;
        text-align: left;
        width: 100% !important;
    }
    .form-main .field .field-right {
        width: 100% !important;
    }
    .form-main .field .field-right .remember > span{
        font-size:14px
    }
    .form-main .field .field-right .forget-link{
        font-size:14px
    }
    .form-main .field .field-right .remember-card label{
        font-size:14px
    }
    .form-main hr.border {
        margin: 41px auto 41px 0;
        width: 100% !important;
    }
    .form-main .field .field-right .birth-date-box .serch-box {
        margin: 0 0 10px;
        padding: 0;
        width: 100% !important;
    }
    .form-main .field .field-right .birth-date-box .serch-box .help-block + .select2 {
        margin-bottom: 35px;
    }
    .form-main .field .field-right .birth-date-box .serch-box .help-block{
        bottom:5px;
    }
    .form-main .field .field-right .birth-date-box select{
        padding: 0 10px;
    }
    .form-main .field .field-right .birth-date-box select:nth-child(1){
        width: 100%;
        margin-bottom: 10px;
    }
    .form-main .field .field-right .birth-date-box select:nth-child(2){
        width: 100%;
        margin-bottom: 10px;
    }
    .form-main .field .field-right .birth-date-box select:nth-child(3){
        width: 100% !important;
    }

    /******** Add child ********/


    /******** holiday detail ********/

    .holiday-info{
        padding: 100px 20px 20px;
    }
    .holiday-info .img-box {
        margin-right: 0;
        text-align: center;
        width: 100%;
    }
    .holiday-info .info-box-main {
        margin-top: 20px;
        width: 100%;
    }
    .holiday-info .info-box-main > label {
        margin-left: 0;
    }
    .holiday-info .info-box-main .info-box1 {
        padding: 0;
        width: 100%;
    }
    .holiday-info .info-box-main .info-box2 {
        padding: 25px 0;
        width: 100%;
    }
    .holiday-info .info-box-main .info-box3 {
        padding: 0;
        width: 100%;
    }

    /******** holiday detail ********/

    /******** pick-dates ********/

    .define-day-detail .box {
        display: block;
        margin: auto auto 20px;
        width: 200px;
    }
    .pick-date-listing > ul li {
        width: 100%;
    }

    /******** pick-dates ********/


    /******** order ********/

    .order-detail-main .ord-head {
        padding-top: 30px;
    }
    .ord-summry .summry-left {
        width: 100%;
    }
    .ord-summry .summry-right {
        margin: 30px 0 0;
        width: 100%;
    }

    /******** order ********/


    /******** basket ********/

    .discount-box{
        padding: 25px;
    }
    .discount-box .left .field {
        width: 100%;
    }
    .discount-box .left {
        margin-bottom: 30px;
    }
    .turms-box{
        padding: 10px 20px;
    }
    .turms-box > span {
        display: inline-block;
        font-size: 14px;
        vertical-align: top;
        width: 85%;
    }
    .turms-box > input[type="checkbox"]{
        display: inline-block;
        vertical-align: top;
    }
    .custom-popup.termsCondition .custom-popup-inner {
        width: 90%;
    }

    /******** basket ********/


    /******** Art ********/

    /*    .time-table table.term_tbl table, .time-table table.term_tbl thead, .time-table table.term_tbl tbody, .time-table table.term_tbl th, .time-table table.term_tbl td, .time-table table.term_tbl tr { 
            display: block; 
        }
    
        .time-table table.term_tbl thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    
        .time-table table.term_tbl tr { border: 1px solid #ccc; }
    
        .time-table table.term_tbl tr td { 
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            padding: 10px 7px 10px 50%;
        }
    
        .time-table table.term_tbl tr td:first-child {
            font-weight: normal;
        }
        .art-data-tbl .time-table .term_tbl td:nth-child(5){
            width: auto
        }
        .art-data-tbl .time-table .term_tbl td:nth-child(6){
            width: auto
        }
    
        .time-table table.term_tbl tr td:before { 
            position: absolute;
            top: 10px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
            font-weight: 600
        }
    
    
        .time-table table.term_tbl tr td:nth-of-type(1):before { content: "day"; }
        .time-table table.term_tbl tr td:nth-of-type(2):before { content: "Time"; }
        .time-table table.term_tbl tr td:nth-of-type(3):before { content: "Vanue"; }
        .time-table table.term_tbl tr td:nth-of-type(4):before { content: "Class"; }
        .time-table table.term_tbl tr td:nth-of-type(5):before { content: "Available places"; }
        .time-table table.term_tbl tr td:nth-of-type(6):before { content: ""; }
    
    
        .time-table table.camp_tbl table, .time-table table.camp_tbl thead, .time-table table.camp_tbl tbody, .time-table table.camp_tbl th, .time-table table.camp_tbl td, .time-table table.camp_tbl tr { 
            display: block; 
        }
    
        .time-table table.camp_tbl thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    
        .time-table table.camp_tbl tr { border: 1px solid #ccc; }
    
        .time-table table.camp_tbl tr td { 
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            padding: 10px 7px 10px 30%;
        }
    
        .time-table table.camp_tbl tr td:first-child {
            font-weight: normal;
            border-right: none;
        }
        .time-table table.camp_tbl tr td:last-child {
            width: 100%;
        }
    
        .time-table table.camp_tbl tr td:before { 
            position: absolute;
            top: 10px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
            font-weight: 600
        }
    
    
        .time-table table.camp_tbl tr td:nth-of-type(1):before { content: "Week"; }
        .time-table table.camp_tbl tr td:nth-of-type(2):before { content: "Dates"; }
        .time-table table.term_tbl tr td:nth-of-type(3):before { content: ""; }*/

    .time-table table.term_tbl tr td{
        padding: 7px;
    }
    .time-table table.term_tbl tr td.res-hide {
        display: none;
    }
    .time-table table.term_tbl tr th.res-hide {
        display: none;
    }
    .time-table table.term_tbl tr td:first-child {
        width: 20%;
        vertical-align: top;
    }
    .time-table table.term_tbl tr td.desk-hide {
        display: table-cell;
        width: 80%;
    }
    .art-data-tbl .time-table .term_tbl td:last-child {
        display: none
    }
    .time-table table.term_tbl tr td a {
        margin-top: 10px;
    }
    .time-table table.term_tbl tr td span.sport-class {
        font-weight: 600;
    }


    .time-table table.camp_tbl tr th:last-child {
        display: none;
    }
    .time-table table.camp_tbl tr td:first-child{
        width: 25%;
    }
    .time-table table.camp_tbl tr td:nth-child(2){
        width: 75%;
    }
    .time-table table.camp_tbl tr td:last-child{
        display: none;
    }

    .time-table table.camp_tbl tr td.desk-hide {
        border-top: 1px solid #cccccc;
        border-right: none;
        display: table-cell;
    }

    /******** Art ********/


    /******** Search ********/

    .search-main .search-left {
        width: 100%;
    }
    .search-main .search-left .fixDiv {
        /*margin-top: 50px;*/
        position: static;
        width: 100%;
        overflow: hidden;
    }
    .search-main .top-search-bar {
        background: #ffffff none repeat scroll 0 0;
        padding: 10px;
        position: fixed;
        top: 67px;
        width: 100%;
        z-index: 9;
    }
    .search-main .top-search-bar .search-bar{
        width: 82%;
        float: left;
    }
    .search-main .top-search-bar .search-bar button {
        background: none;
        position: absolute;
        right: 0;
        text-indent: -999px;
        top: 0;
        width: 40px;
    }
    .search-main .top-search-bar .search-bar::before{
        font-family: 'FontAwesome';
        content: "\f002";
    }
    .search-main .top-search-bar .search-bar::before {
        background: #ff0054;
        color: #ffffff;
        font-family: 'FontAwesome';
        content: "\f002";
        font-size: 20px;
        height: 39px;
        line-height: 39px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 40px;
        z-index: 0;
    }
    .search-main .top-search-bar .search-bar input{
        padding: 0 45px;
        width: 100%;
    }
    .front-top-search-bar { 
        position: relative;
        width: 100%;
        z-index: 9;
        margin-top:10px;
    }
    .front-top-search-bar .front-search-bar{
        width: 82%; 
    }
/*    .front-top-search-bar .front-search-bar button {
        background: none;
        position: absolute;
        right: 0;
        text-indent: -999px;
        top: 0;
        width: 40px;
    }*/
/*   .front-top-search-bar .front-search-bar::before{
        font-family: 'FontAwesome';
        content: "\f002";
    }*/
/*   .front-top-search-bar .front-search-bar::before {
        background: #ff0054;
        color: #ffffff;
        font-family: 'FontAwesome';
        content: "\f002";
        font-size: 20px;
        height: 39px;
        line-height: 39px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 40px;
        z-index: 0;
    }*/
    .front-top-search-bar .front-search-bar input{
        padding: 0 45px;
        width: 100%;
    }
    .search-main .top-search-bar .view-btn{
        display: block
    }
    .search-main .destance-box{
        margin: 0;
    }
    .slider.slider-horizontal{
        width: 130px;
    }
    .time-table table.term_tbl tr td:nth-child(5){
        width: 100%;
    }
    .time-table table.term_tbl tr td:nth-child(6){
        width: 100%;
    }

    .tutor_search .tutor-list{
        margin-bottom: 10px;
    }
    .tutor_search .tutor-list .border{
        display: none;
    }
    .tutor_search .tutor-list .tutor-list-left {
        float: none;
        margin: auto;
    }
    .tutor_search .tutor-list .tutor-list-right {
        float: none;
        max-width: 100%;
    }


    .search-main .search-right{
        width: 100%;
        position: static;
        height: 240px;
        /*display: none*/
    }
    .search-main .search-right.show + .map-list-box{
        display: block;
    }




    /******** Search ********/

    #footer{
        /*margin-top: 40px;*/
    }
}


/* Part 2 CSS Changes */
/*** Responsive CSS Start ***/

@media only screen and (min-width: 959px) and (max-width: 1045px) {
    .art-menu-container .col-md-7{
        width:78%; float: left;
    }
    .art-menu-container .col-md-5{
        width:22%; float: right;
    }
    .art-menu-container label{
        padding: 0 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .thankxPadding {
        line-height: 25px !important;
    }
    .width-22,.width-78,.width-38,.bskt-detail .amount-part,.width-28{
        width: 100% !important;
    }
    .bskt-detail .child_name{
        min-height: 95px;
    }
    .bskt-detail{
        padding: 0;
    }
    .bskt-detail .middlepart .term-middle h2,
    .bskt-detail .middlepart .term-middle h2.cus-classtitle,
    .bskt-detail .middlepart .term-middle h3{
        text-align: center;
    }
    .bskt-detail .dtl-btn{
        width: 100%;
        text-align: center;
        border-radius: 0;
        left: 0;
        right: 0;
    }
    .bskt-detail .amount-part .total-area{
        float: none;
        width: 100%;
        text-align: center;
    }
    .session-Box,.venue-notes-btn,.venue-notes-btn .col-md-8,.venue-notes-btn p{
        text-align: center;
    }
    .bskt-detail .btn.add-more-kids{
        right: auto;
        left:auto;
        float: none;
    }
    span.discountnote{
        text-align: center;
        margin:0 0 30px;
    }
    #passwordstrength-wrap {
        right: 0;
        top: 48px;
    }
    #passwordstrength-wrap:before {
        border-bottom: 7px solid rgba(255, 110, 6, 0.75) !important;
        border-right: 7px solid rgba(0, 0, 0, 0);
        left: 9px;
        top: -15px;
    }
    #passwordstrength-wrap:after {
        border-bottom: 6px solid #fff;
        border-right: 6px solid rgba(0, 0, 0, 0);
        left: 10px;
        top: -12px;
    }
    .art-menu-container .col-md-7{
        width:78%; float: left;
    }
    .art-menu-container .col-md-5{
        width:22%; float: right;
    }
    .art-menu-container label{
        padding: 0 10px;
    }
    b.holiday-static-lable {
        display: block;
    }
    .form-main .fields-bottom-part {
        padding: 0 10px;
    }
    .term-condition-line.warning{
        padding:15px 15px;
    }
    .classimage img {
        display: none;
    }
    .about-page #mainContent{
        padding: 0 20px;
    }
    .about-page #mainContent p{
        text-align:justify;
    }
    
    
    .parent-dash-top > .row,
    .row.parentchildList{
        margin: 20px 0;
    }
    .parent-dash-top .common-box .portlet .portlet-body p{
        word-wrap: break-word;
    }
    .parent-dash-top .common-box{
        float: left;
    }
    
}
@media only screen and (min-width: 591px) and (max-width: 767px) {
    .thankxPadding {
        line-height: 25px !important;
    }
    .width-22,.width-78,.width-38,.bskt-detail .amount-part,.width-28{
        width: 100% !important;
    }
    .bskt-detail .child_name{
        min-height: 95px;
    }
    .bskt-detail{
        padding: 0;
    }
    .bskt-detail .middlepart .term-middle h2,
    .bskt-detail .middlepart .term-middle h2.cus-classtitle,
    .bskt-detail .middlepart .term-middle h3{
        text-align: center;
    }
    .bskt-detail .dtl-btn{
        width: 100%;
        text-align: center;
        border-radius: 0;
        left: 0;
        right: 0;
    }
    .bskt-detail .amount-part .total-area{
        float: none;
        width: 100%;
        text-align: center;
    }
    .session-Box,.venue-notes-btn,.venue-notes-btn .col-md-8,.venue-notes-btn p{
        text-align: center;
    }
    .bskt-detail .btn.add-more-kids{
        right: auto;
        left:auto;
        float: none;
    }
    span.discountnote{
        text-align: center;
        margin:0 0 30px;
    }

    .parent-dash-top .row{
        margin: 0;
    }
    .parent-dash-top .common-box {
        width: 100%;
        padding: 0;
    }
    .parent-dash-top .common-box .portlet {
        min-height: 310px; 
    }
    .parent-dash-top .common-box.middlebox{
        margin: 0;
    }
    .parent-dash-top .dash-top-right .portlet{
        min-height: 220px !important;
    }
    .one-childbox{
        width: 100%;
        margin-bottom: 15px;
    }
    .childmiddlebox{
        margin: 0 0 15px;
    }
    .row.parentchildList{
        margin: 0;
    }
    .class-portlet .class-portlet-header h2{
        text-align: center;
    }
    #passwordstrength-wrap {
        right: 0;
        top: 48px;
    }
    #passwordstrength-wrap:before {
        border-bottom: 7px solid rgba(255, 110, 6, 0.75) !important;
        border-right: 7px solid rgba(0, 0, 0, 0);
        left: 9px;
        top: -15px;
    }
    #passwordstrength-wrap:after {
        border-bottom: 6px solid #fff;
        border-right: 6px solid rgba(0, 0, 0, 0);
        left: 10px;
        top: -12px;
    }
    .arttop-container{
        border-bottom: 1px solid #ccc;
        margin-bottom: 3px;
    }
    .art-menu-container{
        background: none;
    }
    .art-menu-container .col-md-7,.art-menu-container .col-md-5{
        padding:0;
    }
    .art-menu-container label {
        margin: 0;
        line-height: 45px;
        padding-right: 15px;
        border-right: none;; 
        padding: 0 0;
        width: 100%;
        text-align: center;
    }
    .art-menu-container a {
        background: #ff7101;
        margin: 3px 0 0 !important;
    }
    b.holiday-static-lable {
        display: block;
    }

    .form-main .fields-bottom-part {
        padding: 0 10px;
    }
    .term-condition-line.warning{
        padding:15px 15px;
    }
    .classimage img {
        display: none;
    }
    .about-page #mainContent{
        padding: 0 20px;
    }
    .about-page #mainContent p{
        text-align:justify;
    }
    .common-box.cus-bottom-panel{
        width: 100% !important;
        padding-left: 0 !important;
    }
}
@media only screen and (min-width: 471px) and (max-width: 590px) {
    .thankxPadding {
        line-height: 25px !important;
    }
    .width-22,.width-78,.width-38,.bskt-detail .amount-part,.width-28{
        width: 100% !important;
    }
    .bskt-detail .child_name{
        min-height: 95px;
    }
    .bskt-detail{
        padding: 0;
    }
    .bskt-detail .middlepart .term-middle h2,
    .bskt-detail .middlepart .term-middle h2.cus-classtitle,
    .bskt-detail .middlepart .term-middle h3{
        text-align: center;
    }
    .bskt-detail .dtl-btn{
        width: 100%;
        text-align: center;
        border-radius: 0;
        left: 0;
        right: 0;
    }
    .bskt-detail .amount-part .total-area{
        float: none;
        width: 100%;
        text-align: center;
    }
    .session-Box,.venue-notes-btn,.venue-notes-btn .col-md-8,.venue-notes-btn p{
        text-align: center;
    }
    .bskt-detail .btn.add-more-kids{
        right: auto;
        left:auto;
        float: none;
    }
    span.discountnote{
        text-align: center;
        margin:0 0 30px;
    }

    .parent-dash-top .row{
        margin: 0;
    }
    .parent-dash-top .common-box {
        width: 100%;
        padding: 0;
    }
    .parent-dash-top .common-box .portlet {
        min-height: 310px; 
    }
    .parent-dash-top .common-box.middlebox{
        margin: 0;
    }
    .parent-dash-top .dash-top-right .portlet{
        min-height: 220px !important;
    }
    .one-childbox{
        width: 100%;
        margin-bottom: 15px;
    }
    .childmiddlebox{
        margin: 0 0 15px;
    }
    .row.parentchildList{
        margin: 0;
    }
    .class-portlet .class-portlet-header h2{
        text-align: center;
    }
    .holiday-bottom-btn > button{
        font-size: 14px;
    }
    .holiday-portlet .define-day-detail .box{
        width: 100%;
    }
    .week-box{
        margin: 20px auto;
        width: 100%;
    }
    #passwordstrength-wrap {
        right: 0;
        top: 48px;
    }
    #passwordstrength-wrap:before {
        border-bottom: 7px solid rgba(255, 110, 6, 0.75) !important;
        border-right: 7px solid rgba(0, 0, 0, 0);
        left: 9px;
        top: -15px;
    }
    #passwordstrength-wrap:after {
        border-bottom: 6px solid #fff;
        border-right: 6px solid rgba(0, 0, 0, 0);
        left: 10px;
        top: -12px;
    }
    .arttop-container{
        border-bottom: 1px solid #ccc;
        margin-bottom: 3px;
    }
    .art-menu-container{
        background: none;
    }
    .art-menu-container .col-md-7,.art-menu-container .col-md-5{
        padding:0;
    }
    .art-menu-container label {
        margin: 0;
        line-height: 45px;
        padding-right: 15px;
        border-right: none;; 
        padding: 0 0;
        width: 100%;
        text-align: center;
    }
    .art-menu-container a {
        background: #ff7101;
        margin: 3px 0 0 !important;
    }
    b.holiday-static-lable {
        display: block;
    }

    .form-main .fields-bottom-part {
        padding: 0 10px;
    }
    .term-condition-line.warning{
        padding:15px 15px;
    }
    .classimage img {
        display: none;
    }
    .about-page #mainContent{
        padding: 0 20px;
    }
    .about-page #mainContent p{
        text-align:justify;
    }
}
@media only screen and (min-width: 320px) and (max-width: 470px) {
    .parent-dashboard-table{
        width :50% !important;
    }
    .thankxPadding {
        line-height: 22px !important;
    }
    .width-22,.width-78,.width-38,.bskt-detail .amount-part,.width-28{
        width: 100% !important;
    }
    .bskt-detail .child_name{
        min-height: 95px;
    }
    .bskt-detail{
        padding: 0;
    }
    .bskt-detail .middlepart .term-middle h2,
    .bskt-detail .middlepart .term-middle h2.cus-classtitle,
    .bskt-detail .middlepart .term-middle h3{
        text-align: center;
    }
    .bskt-detail .dtl-btn{
        width: 100%;
        text-align: center;
        border-radius: 0;
        left: 0;
        right: 0;
    }
    .bskt-detail .amount-part .total-area{
        float: none;
        width: 100%;
        text-align: center;
    }
    .session-Box,.venue-notes-btn,.venue-notes-btn .col-md-8,.venue-notes-btn p{
        text-align: center;
    }
    .bskt-detail .btn.add-more-kids{
        right: auto;
        left:auto;
        float: none;
    }
    span.discountnote{
        text-align: center;
        margin:0 0 30px;
    }

    .parent-dash-top .row{
        margin: 0;
    }
    .parent-dash-top .common-box {
        width: 100%;
        padding: 0;
    }
    .parent-dash-top .common-box .portlet {
        min-height: 310px; 
    }
    .parent-dash-top .common-box.middlebox{
        margin: 0;
    }
    .parent-dash-top .dash-top-right .portlet{
        min-height: 220px !important;
    }
    .one-childbox{
        width: 100%;
        margin-bottom: 15px;
    }
    .childmiddlebox{
        margin: 0 0 15px;
    }
    .row.parentchildList{
        margin: 0;
    }
    .class-portlet .class-portlet-header h2{
        text-align: center;
    }
    .holiday-bottom-btn > button{
        font-size: 14px;
        width: 100%;
        padding: 0 1px;
    }
    .holiday-portlet .define-day-detail .box{
        width: 100%;
    }
    .week-box{
        margin: 20px auto;
        width: 100%;
    }
    #passwordstrength-wrap {
        right: 0;
        top: 48px;
    }
    #passwordstrength-wrap:before {
        border-bottom: 7px solid rgba(255, 110, 6, 0.75) !important;
        border-right: 7px solid rgba(0, 0, 0, 0);
        left: 9px;
        top: -15px;
    }
    #passwordstrength-wrap:after {
        border-bottom: 6px solid #fff;
        border-right: 6px solid rgba(0, 0, 0, 0);
        left: 10px;
        top: -12px;
    }
    .arttop-container{
        border-bottom: 1px solid #ccc;
        margin-bottom: 3px;
    }
    .art-menu-container{
        background: none;
    }
    .art-menu-container .col-md-7,.art-menu-container .col-md-5{
        padding:0;
    }
    .art-menu-container label {
        margin: 0;
        line-height: 45px;
        padding-right: 15px;
        border-right: none;; 
        padding: 0 0;
        width: 100%;
        text-align: center;
    }
    .art-menu-container a {
        background: #ff7101;
        margin: 3px 0 0 !important;
    }
    b.holiday-static-lable {
        display: block;
    }

    .form-main .fields-bottom-part {
        padding: 0 10px;
    }
    .term-condition-line.warning{
        padding:15px 15px;
    }

    .page-title.note,.page-title.note span{
        text-align: center !important;
    }
    .classimage img {
        display: none;
    }
    .about-page #mainContent{
        padding: 0 20px;
    }
    .about-page #mainContent p{
        text-align:justify;
    }
}

/*** Responsive CSS End ***/
/* Part 2 CSS Changes */