@media only screen and (max-width:1680px) {
    header:after{width: 18%;} 
    
    /* courses-3 responsive starts here */
    .chapter-wrap-main{padding: 0;}
    /* courses-3 responsive ends here */
}
@media only screen and (max-width:1580px) {
	.container{max-width: 100%;}
    .header-right{padding: 10px 0 0 0;}
    .header-details{margin: 0;}
    .profile{padding: 0;}
    .profile-right .nice-select:after{right: 7px;}
    .logo{padding:0 16px 0 0;}
    .account-middle{padding: 40px 20px;}
    .account-right{padding: 40px 0 40px 20px;}
    .account-main{padding: 0 20px;}
    .account-left{padding: 40px 20px 135px 0;}
    .account-main p br{display: none;}
    .trainees2 .trainees-details{padding: 27px 0 220px 0;}
    
    /* staff-courses responsive starts here */
    .trainees-details{margin: 0;padding: 30px 0 75px 0;}
    .staff-courses-middle{padding: 21px 20px 138px 20px;}
    .staff-courses-top{padding: 25px 15px 25px 15px;min-height: 136px;}
    .staff-courses-main h3 br{display: none;}
    .staff-courses-main h4{padding: 16px 10px 13px 15px;}
    .trainees-bottom-right{padding: 0;}
    .staff-courses .trainees-bottom-left{padding: 0 20px 0 0;}
    .staff-courses .total-activities{padding: 19px 16px 0 16px;}
    .trainee-courses-review > ul{margin: 0 -10px;}
    .trainee-courses-review > ul > li{padding: 0 10px 29px 10px;}
    .staff-courses-bottom .total-trainees-left{width: 27%;}
    .staff-courses-bottom .total-trainees-right{width: 73%;}
    .staff-courses-bottom{padding: 19px 20px 31px 20px;}
    .staff-courses .trainee-activity{padding: 35px 13px 65px 16px;}
    .staff-courses .trainees-bottom-right .total-trainees-left{width: 43%;}
    .staff-courses .trainees-bottom-right .total-trainees-right{width: 57%;}
    .staff-courses-middle .total-trainees{width: 100%;padding: 0 0 15px 0;}
    .trainees-bottom-right-in,.trainees-bottom-right-in-wrap,.staff-courses .trainees-bottom-right-in{height: auto;}
    .graduation-rate{text-align:center;padding:4px 0 25px 0;}
    .staff-courses .graduation-rate{padding:4px 0 25px 0;}
   /* staff-courses responsive ends here */ 
    
  /* all-trainees responsive starts here */
    .trainees-bottom-head{padding: 16px 15px 16px 15px;}
    .trainees-bottom-main{padding: 12px 15px 10px 15px;}
    .trainees-detail-wrap{overflow: hidden;overflow-x: auto;padding: 0 0 25px 0;}
    .trainees-detail-wrap-in{width: 1560px;}
    .trainees-top{padding: 0 15px;}
    .graduation-rate .progress{margin: 0 auto;}
    .graduation-rate strong{padding: 0 66px 0 66px;}
  /* all-trainees responsive ends here */
    
    /* trainee-profile responsive starts here */
    .horse-summary{padding: 25px 10px 85px 20px;}
    .trainee-profile-top-left-wrap{padding: 24px 20px 21px 20px;}
    .horse-summary ul li{padding: 0 10px 10px 0;}
    .horse-summary ul li:last-child{padding: 0 0 10px 0;}
    .horse-summary ul{padding: 0 0 16px 0;}
    .trainee-profile-content{max-width: 17%;flex: 0 0 17%;-webkit-flex: 0 0 17%;}
    .trainee-profile-details{max-width: 83%;flex: 0 0 83%;-webkit-flex: 0 0 83%;padding: 20px 0 0 15px;}
    .trainee-account{width: 41%;}
    .trainee-email{width: 37%;padding: 0 25px 0 6px;}
    .course-progress{padding: 30px 20px 16px 20px;}
    .course-progress-bottom-right ul li{padding: 0 7px 0 0;}
    .course-progress-status ul li{padding: 0 5px 6px 0;}
    .course-progress-bottom-right{padding:0 0 0 10px;}
    .course-progress-status{padding: 0 3px 0 15px;}
    .course-progress-status h4{font-size: 17px;line-height: 19px;}
    .court-date{padding: 0 10px 0 10px;}
    .trainee-profile-middle-right .btn1{padding: 16px 10px 11px 10px;display: block;}
    .course-progress-content{padding: 2px 0 0 0;}
    .course-progress-bottom{padding: 20px 0 45px 0;}
    .course-progress-bottom1{padding: 20px 0 0 0;}
    .training-instructor-right{padding: 28px 0 0 8px;}
    .inclass-program-main .training-instructor{padding: 0 7px 0 7px;}
    .training-class-right{padding: 10px 0 0 0;}
    .inclass-program-main .training-requirement{padding: 9px 10px 5px 10px;}
    .training-class2{padding: 13px 5px 0 10px;}
    .inclass-program-main p{line-height: 24px;}
    .training-class-left{padding: 43px 0 43px 0;}
    .inclass-program{padding: 30px 20px 40px 20px;}
    .inclass-program-main .training-location{padding: 10px 5px 4px 16px;}
    .inclass-program-main1 .training-instructor-right{padding: 23px 13px 0 20px;}
    /* trainee-profile responsive ends here */
    
    /* index responsive starts here */
    .account-login-right-in{max-width: 100%;flex: 0 0 100%;-webkit-flex:0 0 100%;padding: 0;}
    .account-login-right{padding: 45px 30px;}
    .account-login-left figure{margin: 0;}
    /* index responsive ends here */
    
    /* all-staff responsive starts here */
    .staff-details ul li{padding: 0 12px 29px 12px;}
    .staff-right{width: 58%;}
    .staff-in{padding: 12px 15px 22px 10px;}
    .trainees2 .add-trainee{padding: 10px 5px 5px 14px;}
    .trainees2 .trainees-details,.trainees3 .trainees-details{padding: 27px 0 150px 0;}
    /* all-staff responsive ends here */
    
    /* courses-progress responsive starts here */
    .chapter-bottom a.btn1{width: 100%;}
    .chapter-bottom.btm1 {padding: 14px 20px 0 20px;}
    .chapter-top{padding:0 20px 0 20px;min-height: 101px;}
    .chapter-top h3 br{display: none;}
    .chapter-top h3{font-size: 25px;line-height: 29px;}
    .chapter-bottom{padding: 23px 20px 0 20px;}
    .courses-progress .trainees-top-left{max-width: 34%;-webkit-flex:0 0 34%;flex:0 0 34%;}
    .courses-progress .trainees-top-right{max-width: 66%;-webkit-flex:0 0 66%;flex:0 0 66%;}
    .inclass-requirement{padding: 25px 20px 25px 20px;}
    .courses-progress .trainees-details{padding: 27px 0 180px 0;}
    /* courses-progress responsive ends here */
    
    /* courses-3 responsive starts here */
    .chapter-wrap-main{max-width: 100%;padding: 0 15px;}
    .exit-chapter{padding: 18px 10px 10px 10px;}
    .chapters-wrap-top-left{padding: 20px 15px 20px 20px;max-width: 23%;flex: 0 0 23%;-webkit-flex: 0 0 23%;}
    .chapters-wrap-top-right,.chapters-wrap-bottom-right{max-width: 77%;flex: 0 0 77%;-webkit-flex: 0 0 77%;}
    .chapters-wrap-bottom-left{max-width: 23%;flex: 0 0 23%;-webkit-flex: 0 0 23%;}
    .fundamentals{padding: 16px 20px 16px 143px;}
    .chapters-wrap-bottom-right-in{padding: 40px 0 120px 0;}
    .chapters-wrap-top-right a{padding: 15px 16px 12px 28px;}
    /* courses-3 responsive ends here */
}
@media only screen and (max-width:1350px) {
    /* all-staff responsive starts here */5
    .staff-right{width: 58%;}
    .staff-left{width: 40%;}
    .staff-details ul li {padding: 0 10px 29px 10px;}
    .staff-in {padding: 12px 9px 22px 9px;}
    .staff-details ul{margin: 0 -10px;}
    .staff-right h5{font-size: 17px;line-height: 19px;}
    .trainees2 .add{padding: 0 32px 0 46px;}
    /* all-staff responsive ends here */
    
    /* courses-progress responsive starts here */
    .chapter-bottom a{font-size: 14px;}
    /* courses-progress responsive ends here */
    
    /* trainee-profile responsive starts here */
    .course-progress-content{width: auto;}
    .course-progress-bottom-left{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;}
    .course-progress-bottom-right{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;padding: 15px 0 0 0;}
    .court-date{max-width: 50%;flex: 0 0 50%;-webkit-flex: 0 0 50%;padding: 26px 0 0 0;}
    .trainee-profile-middle-right .course-progress-bottom-right{max-width: 50%;flex: 0 0 50%;-webkit-flex: 0 0 50%;}
    .course-progress-bottom{padding: 20px 0 75px 0;}
    .course-progress-bottom1{padding: 20px 0 0 0;}
    /* trainee-profile responsive ends here */
}
@media only screen and (max-width:1199px) {
    .logo{padding: 0;}
    .search{padding: 12px 0 0 15px;}
    .search .form-control{padding: 0 0 0 30px;}
    nav ul li{padding: 0 7px;}
    header:after{width: 22%;} 
    .account-left{max-width: 26%;flex:0 0 26%;-webkit-flex:0 0 26%;}
    .account-middle{max-width: 44%;flex: 0 0 44%;-webkit-flex: 0 0 44%;}
    .account-right{max-width: 30%;flex: 0 0 30%;-webkit-flex: 0 0 30%;}
    .trainees2 .trainees-details,.trainees3 .trainees-details{padding: 27px 0 70px 0;}
    .account-main form{margin: 0;}
    .account-main .form-group{padding: 0 0 20px 0;}
    .account-main .btn2{margin: 22px 0 0 0;}
    
    /* staff-courses responsive starts here */
    .pie-wrapper{margin: 0 auto;}
    /* staff-courses responsive ends here */
    
    /* trainee-profile responsive starts here */
    .trainee-profile-top-left{padding: 0;margin: 0 0 30px 0;}
    .trainee-profile-top{padding: 0 0 30px 0;}
    .trainee-profile-top-right{padding: 0;}
    .horse-summary{padding: 25px 15px;}
    .trainee-profile-middle-left{margin: 0 0 30px 0;}
    .trainee-profile-middle-right .btn1{float: right;display: inline-block;padding: 16px 18px 11px 18px;}
    .inclass-program{padding: 30px 15px 40px 15px;}
    .inclass-program-wrap{overflow: auto;}
    .inclass-program-wrap-in{width: 1180px;padding: 0 0 20px 0;}
    .trainee-profile-top-left-wrap{padding: 24px 15px 21px 15px;}
    .course-progress-bottom{padding: 20px 0 20px 0;}
    .course-progress{padding: 25px 15px 16px 15px;}
    .course-progress-content{width: auto;}
    .course-progress-bottom-left{max-width: 50%;flex: 0 0 50%;-webkit-flex: 0 0 50%;}
    .course-progress-bottom-right{max-width: 50%;flex: 0 0 50%;-webkit-flex: 0 0 50%;padding: 15px 0 0 0;}
    .court-date{max-width: 33.33%;flex: 0 0 33.33%;-webkit-flex: 0 0 33.33%;padding: 26px 0 0 0;}
    .trainee-profile-middle-right .course-progress-bottom-right,.trainee-profile-middle-right .course-progress-bottom-left{max-width: 33.33%;flex: 0 0 33.33%;-webkit-flex: 0 0 33.33%;}
    .course-progress-bottom{padding: 20px 0 75px 0;}
    .course-progress-bottom1{padding: 20px 0 0 0;}
    /* trainee-profile responsive ends here */
    
    /* index responsive starts here */
    .account-login-right form{padding: 30px 0 0 0;}
    .account-login-right{padding: 45px 15px;}
    /* index responsive ends here */
    
    /* all-staff responsive starts here */
    .trainees2 .trainees-top-left{max-width: 80%;flex: 0 0 80%;-webkit-flex: 0 0 80%;}
    .trainees2 .trainees-top-right{max-width: 20%;flex: 0 0 20%;-webkit-flex: 0 0 20%;}
    .trainees2 .find-staff .form-control{width: 100%;}
    .trainees2 .add{display: block;padding: 0 20px 0 53px;}
    .trainees2 .trainees-top-left .locations .nice-select{width: 187px;}
    .courses-progress .trainees-top-left{max-width: 40%;-webkit-flex:0 0 40%;flex:0 0 40%;}
    .courses-progress .trainees-top-right{max-width: 60%;-webkit-flex:0 0 60%;flex:0 0 60%;}
    .inclass-requirement{padding: 25px 15px;}
    /* all-staff responsive ends here */
    
    /* courses-progress responsive starts here */
    .chapter-top{padding: 0 15px;}
    .chapter-bottom{padding: 20px 15px 0 15px;}
    .chapter-bottom.btm1{padding: 16px 15px 0 15px;}
    .courses-progress .course-progress-bottom-left{max-width: 100%;-webkit-flex:0 0 100%;flex:0 0 100%;}
    /* courses-progress responsive starts here */
    
    /* courses-3 responsive starts here */
    .chapters-wrap-top-left{padding: 20px 15px 20px 15px;max-width: 30%;flex: 0 0 30%;-webkit-flex: 0 0 30%;}
    .chapters-wrap-top-right,.chapters-wrap-bottom-right{max-width: 70%;flex: 0 0 70%;-webkit-flex: 0 0 70%;}
    .chapters-wrap-bottom-left{max-width: 30%;flex: 0 0 30%;-webkit-flex: 0 0 30%;}
    .fundamentals{padding: 16px 20px;max-width: 70%;flex: 0 0 70%;-webkit-flex: 0 0 70%;}
    .exit-chapter{max-width: 30%;flex: 0 0 30%;-webkit-flex: 0 0 30%;}
    .chapters-wrap-bottom-right-in{padding: 30px 0 50px 20px;}
    .chapters-wrap-bottom-right h6{padding: 12px 0;}
    .chapters-wrap-bottom-right p{padding: 20px 0 0 0;}
    /* courses-3 responsive ends here */
}
@media only screen and (max-width:1024px) {
    /* all-staff responsive starts here */
    h2{font-size: 34px;line-height: 36px;}
   .staff-in {padding: 12px 15px 22px 15px;}
    /* all-staff responsive ends here */ 
    
}
@media only screen and (max-width:991px) {
    /* all-trainees responsive starts here */
    .header-details{padding: 12px 0;}
    .header-right{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;padding: 0;}
    .header-right-wrap{position: fixed !important;top: 0;right: -250px;width: 250px;background: #ffffff;overflow: auto;z-index: 99999;padding:20px 15px;height: 100%;display: block !important;}
    .header-left{max-width:90%;flex: 0 0 90%;-webkit-flex: 0 0 90%;border: 0 none;padding: 0 15px 0 0;}
    .menu{max-width:10%;flex: 0 0 10%;-webkit-flex: 0 0 10%;}
    .logo a figure img{width: 250px;}
    header:after{display: none;}
    .menu-open .header-right-wrap{right: 0;}
    .profile{padding: 20px 0 30px 0}
    nav ul{float: none;}
    nav ul li{display: block;float: none;padding: 0 0 15px 0;}
    nav ul li a{padding: 5px 0;}
    .profile-right small{color:#02437d;}
    .profile-right .nice-select{color:#02437d;}
    .profile-right .nice-select:after{border-bottom-color: #02437d;border-right-color: #02437d;}
    .search{padding: 20px 0;}
    .profile-right{padding: 9px 0 0 0;}
    /* all-trainees responsive ends here */
    
    .account-main{padding: 0 15px;}
    .account-left{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;padding: 30px 0 10px 0;}
    .account-middle{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;border: 0 none;padding: 30px 0;}
    .account-right{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;padding:10px 0 30px 0;}
    .account-main .btn2{margin: 10px 0 0 0;}
    .remove-staff-member{padding: 30px 0 0 0;}
    .account-main h5{padding: 0 0 16px 0;}
    .account-main p{padding: 16px 0 20px 0;}
    .trainees2 .trainees-details,.trainees3 .trainees-details{padding: 30px 0 45px 0;}
    
    /* staff-courses responsive starts here */
    .staff-courses-top{min-height: 1px;}
    .staff-courses-main{height: auto !important;}
    .staff-courses-middle{padding: 30px 15px;}
    .staff-courses-bottom{padding: 20px 15px 30px 15px;}
    .staff-courses-bottom{padding: 25px 15px 16px 15px;}
    .trainees-details{padding: 30px 0 20px 0;}
    .trainee-profile-details h3{padding: 0 0 16px 0;}
    /* staff-courses responsive ends here */
    
    /* trainee-profile responsive starts here */
    .trainee-profile-content{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;}
    .trainee-profile-details{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;padding: 25px 0 0 0;}
    .course-progress-bottom-right{padding: 18px 0 0 0;}
    .course-progress-bottom-right ul{padding: 4px 0 0 0;}
    .horse-summary h3,.course-progress h3{padding: 0 0 15px 0;}
    /* trainee-profile responsive ends here */
    
    /* index responsive starts here */
    .account-login-right{padding: 30px 15px;}
    /* index responsive ends here */
    
    /* all-staff responsive starts here */
    .trainees2 .trainees-top-left ul li{width: 50%;padding: 0 15px 15px 0;}
    .trainees2 .trainees-top-left .locations{padding: 0 0 15px 15px;}
    .trainees2 .staff h4{width: 100%;padding: 15px 10px 15px 15px;}
    .trainees2 .add-trainee{padding: 15px 15px 15px 15px;}
    .trainees2 .staff{padding: 0 15px 0 0;}
    .trainees2 .trainees-top-left{max-width:100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;padding: 0 15px 0 0;}
    .trainees2 .trainees-top-right{max-width:100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;}
    .trainees2 .trainees-top-left .locations .nice-select{width: 100%;}
    .trainees2 .add{display: inline-block;padding: 0 30px 0 53px;}
    .trainees2 .trainees-top-left h5{padding: 10px 0 5px 0;}
    /* all-staff responsive ends here */
    
    /* courses-progress responsive starts here */
    .courses-progress .trainees-top-left{max-width: 100%;-webkit-flex:0 0 100%;flex:0 0 100%;border: 0 none;}
    .courses-progress .trainees-top-right{max-width: 100%;-webkit-flex:0 0 100%;flex:0 0 100%;}
    .courses-progress .course-progress-content{width: 15%;}
    .courses-progress .course-progress-status{width: 85%;}
    .inclass-requirement{padding: 15px 0 25px 0;}
    .courses-progress .course-progress-bottom1{padding: 25px 0 15px 0;}
    .chapter-details > ul{margin: 0 -10px;}
    .chapter-details > ul > li{padding: 0 10px 20px 10px;}
    .courses-progress .trainees-details{padding: 27px 0 45px 0;}
    /* courses-progress responsive ends here */
    
    /* courses-3 responsive starts here */
    .chapters-wrap-top-right a{padding: 15px 15px 12px 11px;}
    .chapters-wrap-top h3{font-size: 21px;line-height: 23px;}
    .chapters-wrap-bottom-right .form-control{height: 350px;}
    .chapters-wrap-bottom-right a figure img{width: 90px;}
    /* courses-3 responsive ends here */
}
@media only screen and (max-width:767px) {
    /* all-trainees responsive starts here */
    .logo a figure img{width: 220px;}
    /* all-trainees responsive starts here */
    
    /* myaccount responsive starts here */
    h2{font-size: 32px;line-height: 34px;}
    .account-main h5{font-size: 18px;line-height: 20px;}
    .trainees2 .trainees-details,.trainees3 .trainees-details{padding: 30px 0 30px 0;}
    /* myaccount responsive starts here */
    
    /* staff-courses responsive starts here */
    .staff-courses .trainees-bottom-left{padding: 0 0 30px 0;}
    .trainees-details,.courses-progress .trainees-details{padding: 30px 0;}
    h3{font-size: 26px;line-height: 28px;}
    h4{font-size: 21px;line-height: 23px;}
    .staff-courses-middle .total-trainees-right{padding: 9px 0 0 6px;}
    .staff-courses-bottom .total-trainees-right{padding: 9px 0 0 4px;}
    .staff-courses-top,.staff-courses-middle{padding: 20px 15px;}
    .staff-courses-bottom{padding: 25px 15px 21px 15px;}
    /* staff-courses responsive ends here */
    
    /* trainee-profile responsive starts here */
    .trainee-phone{display: block;float: none;width: 100%;}
    .trainee-email{display: block;float: none;width: 100%;padding: 10px 0 0 0;}
    .trainee-account{display: block;float: none;width: 100%;padding: 10px 0 0 0;}
    .last-login{display: block;float: none;width: 100%;}
    .primary-location{display: block;float: none;width: 100%;padding: 10px 0 0 0;}
    .trainee-profile-top-left-wrap{padding: 24px 15px 0 15px}
    .horse-summary ul{padding: 0 0 10px 0;}
    .trainee-profile-middle-right .btn1{float: none;}
    .trainee-profile-details h3,.trainee-profile h3{font-size: 24px;line-height: 26px;}
    .course-progress-content{width: auto;}
    .course-progress-bottom-left{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;}
    .course-progress-bottom-right{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;padding: 15px 0 0 0;}
    .court-date{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;padding: 15px 0 0 0;}
    .trainee-profile-middle-right .course-progress-bottom-right{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;}
    .course-progress-bottom{padding: 20px 0;}
     .trainee-profile-middle-right .course-progress-bottom-right,.trainee-profile-middle-right .course-progress-bottom-left{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;}
    /* trainee-profile responsive ends here */
    
     /* index responsive starts here */
    .account-login-right form{padding: 20px 0 0 0;}
    .account-login-right button{margin: 10px 0 0 0;}
    .account-login-right h2{padding: 0 0 25px 0;}
     /* index responsive ends here */
    
    /* all-staff responsive starts here */
    .staff-in{padding: 12px 10px 22px 10px;}
    .staff-left{width: 38%;}
    .staff-right{width: 62%;}
    /* all-staff responsive ends here */
    
    /* courses-progress responsive starts here */
    .course-progress-bottom1 .course-progress-content{width: 19%;}
    .courses-progress .course-progress-status{width: 81%;}
    .chapter-top h3{font-size: 26px;line-height: 29px;}
    /* courses-progress responsive ends here */
    
    /* courses-3 responsive starts here */
    .chapters-wrap-top-left{padding: 20px 15px 20px 15px;max-width:100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;}
    .chapters-wrap-top-right,.chapters-wrap-bottom-right{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;}
    .chapters-wrap-bottom-left{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;}
    .chapters-wrap-bottom-in{height: auto;}
    .chapters-wrap-top-right{background: #ffffff;padding: 15px 15px 20px 15px;}
    .chapters-wrap-bottom-right-in{padding: 30px 0;}
    .play{bottom: 30px;left: 30px;}
    .chapters-wrap-bottom-right a figure img{width: 85px;}
    .fundamentals{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;padding: 0 0 15px 0;}
    .exit-chapter{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;padding: 0;}
    .chapters-wrap-top-right a{float: none !important;}
    .chapters-wrap-bottom-right h6{padding: 5px 0 10px 0;}
    .chapters-wrap-bottom-right .form-control{height: 300px;}
    /* courses-3 responsive ends here */
}
@media only screen and (max-width:575px) {
    h2{font-size: 30px;line-height: 32px;}
    h3{font-size: 24px;line-height: 26px;}
    h4{font-size: 21px;line-height: 23px;}{font-size: 20px;line-height: 22px;}
    .account-main form ul li{display: block;float: none;padding: 0 0 10px 0;}
    .account-main .btn2{margin: 0 auto;display: block;}
    .account-main ul li label.location-bar{padding: 8px 0 0 0;}
    
    /* staff-courses responsive starts here */
    .trainees-bottom-right-in-wrap{width: 100%;}
    .staff-courses .trainees-bottom-right .total-trainees-left{width: 35%;}
    .staff-courses .trainees-bottom-right .total-trainees-right{width: 65%;}
    /* staff-courses responsive starts here */
    
    /* all-staff responsive starts here */
    .staff-details ul li{padding: 0 0 20px 0;}
    .staff-left{padding: 0 10px 0 0;}
    .trainees2 .trainees-top-left ul li{display: block;float: none;width: 100%;padding: 0 0 15px 0;}
    .trainees-top-left form{padding: 0;}
    .trainees2 .trainees-top-left .find-staff{padding: 0 0 15px 15px;}
    /* all-staff responsive ends here */
    
    /* courses-progress responsive starts here */
    .chapter-in{padding: 25px 0 5px 0;}
    .chapter-bottom{min-height: 1px;padding: 20px 15px;}
    .course-progress-bottom1 .course-progress-content{width: 100%;float: none;display: block;}
    .courses-progress .course-progress-status{width: 100%;float: none;display: block;padding: 16px 0 0 0;}
    .inclass-requirement-left{padding: 0 0 15px 0;}
    .inclass-requirement-right{padding: 0;}
    .chapter-top{min-height: 1px;}
    .chapter-bottom.btm1{padding: 20px 15px;}
    .chapter-top h3{font-size: 24px;line-height: 27px;}
    /* courses-progress responsive ends here */
    
    /* courses-3 responsive starts here */
    .chapters-wrap-bottom-right a figure img{width: 65px;}
    /* courses-3 responsive ends here */
}
@media only screen and (max-width:479px) {
    h2{font-size: 28px;line-height: 30px;}
    h3{font-size: 22px;line-height: 24px;}
    .account-login-right label small{display: block !important;float: none !important;}
    
    /* trainee-profile responsive starts here */
    .course-progress-content{display: block;float: none;width: 100%;padding: 0 0 15px 0;}
    .course-progress-bottom1 .course-progress-content{padding: 0;}
    .course-progress-status{display: block;float: none;width: 100%;padding: 0;padding: 10px 0 0 0;}
    /* trainee-profile responsive ends here */
    
    /* courses-progress responsive starts here */
    .chapter-top h3{font-size: 22px;line-height: 26px;}
    /* courses-progress responsive ends here */
    
    /* courses-3 responsive starts here */
    .chapters-wrap-bottom-right .btn2{width: 100%;}
    /* courses-3 responsive ends here */
}