/* responsive start here */

/* COL mobile device responsive start here */
@media (min-width:320px) and (max-width:575px) {


  h1 { font-size: 28px !important; }
  h2 { font-size: 24px !important;  }
  h3 { font-size: 22px !important;  }
  h4 { font-size: 20px !important; }
  h5 { font-size: 18px !important;  }
  h6 { font-size: 16px !important;  }

  .h7 { font-size: 15px !important;  }
  .h8 { font-size: 14px !important;  }
  .h9 { font-size: 12px !important;  }


  .b1 { font-size: 20px !important; }
  .b2 { font-size: 18px !important; }
  .b3 { font-size: 16px !important; }
  .b4 { font-size: 15px !important; }
  .b5 { font-size: 14px !important; }
  .b6 { font-size: 13px !important; }
  .b7 { font-size: 12px !important; }
  .b8 { font-size: 11px !important; }

.signup{display: flex; justify-content: start;}
.signin{display: flex; justify-content: end;}
.top-nav-btns {margin-top:10px;}
.signin-btn{padding-left: 40px !important;padding-right: 40px !important;}
.signup-btn{padding-left: 40px !important;padding-right: 40px !important;}
.nav-menu li{display: flex; justify-content: start !important;}
.circle {margin-top: 6px !important;}
.banner-image  {margin-bottom: 20px !important; padding:0px 20px;width:90%;display:flex;left:20px;top:10px;}
.banner-content{margin-bottom: 10px !important;}
.service-section{margin-top: 0px !important;}
.about-img1{margin-top: 0px !important; text-align: center;}
.about-section{padding-top:20px !important;margin-top: 30px !important;}
.about-img2{margin-top: 10px !important; text-align: center;}
.about-content{margin-top: 20px !important;}
.about-section{padding-bottom: 20px !important;}
.feature-section{padding-top:20px !important;padding-bottom:0px !important}
.feature-logo img {width:40px;}
.feature-view-box {margin:0px !important;}
.how-it-works-section{padding:20px !important;}
.count-number {padding-left:0px !important;margin-top: 30px !important;}
.how-it-works-img{ height: 250px;
    object-fit: cover;}
 .whom-sec-img{width:95% !important}   
.dotted-line{margin-left: 28px;}
.hr-yellow-dashboard{margin-top:30px !important}
.why-skillai-img{width:100% !important;padding:20px !important;}
.why-skilleval-ai-contant{padding:0px !important;}
.why-skilleval-AI{margin-bottom:20px !important;}
.request-btn{margin-top:-10px !important;}
.get-start-btn{margin-top:10px !important; margin-bottom: 10px !important;}
.request-demo{padding-right:26px !important;position: relative; top:10px !important;}
.links{margin-top: 20px !important;}
.testimonial-container{margin-top: 0px !important;}
.dashboard-container{padding-top: 10px !important;}
.how-it-wokrs-container{padding-top: 10px !important;}
.features{padding-top: 10px !important;}

/* select for signin start  */
.breadcrumb{padding-left:10px !important;padding-right:10px !important;}
.main-select{margin-top:20px !important; margin-bottom: 20px !important;}
.top-nav{display: none;}
.employee img {width:100% !important;}
.employee {margin-right: 0px !important;margin-left:15px !important;width:95% !important;}
.employee-1{margin-top:10px !important; margin-left:15px !important;width:95% !important;}
.admin-image{height:450px !important}
.signin-img{width:100% !important;position: relative; left:10px !important}

/* select for signin end  */

/* admin signup start here */
.admin-welcome{margin-top:20px !important;}
.input-p{width:100% !important;}
.first-name{position: relative; right:50px !important;}
.Company-name {margin-left: 34px !important;}
.Full-name{margin-left: 34px !important;}
.email-ID {margin-left: 34px !important;}
.Phone-number{margin-left: -192px !important;}
.next-btn{width:100% !important;}
/* admin signup end here */

/* admin creat password start */
.create-password{position: relative; right:100px !important;}
.eye-icon{padding-right: 20px !important;}
/* admin creat password end */

/* assement start here */
.total-assessment{width:100% !important ; margin-left: 0px !important; margin-bottom: 10px !important;}
/* assement end here */

/* admin signin start */
.email-lable {position: relative; right:90px !important;}
.email-password {position: relative; right:110px !important;}
/* admin signin end */

/* dashboard start here */
.side-nav-pri{display: none;}
.logout-nav-icon{display: flex; justify-content: start; margin-top: 180px !important;margin-left:15px !important;border-top: 1px solid #eee; border-radius: 0px !important; padding: 20px 0px !important;}
.admin-img{margin-left:0px !important;}
.bell-icon{margin-left:5px !important;}
.result-box{width:100% !important; }
.upcom-test{padding-left:0px !important;margin-top: 10px !important;}
.search-box{border:0px 15px 15px 0px !important;}
.search-bell{margin-top: 10px !important; margin-bottom: 10px !important;}
/* dashboard end here */

/* profile start here */
.bread-crm{width:100% !important}
.changes{padding-left:90px !important;padding-right:90px !important; }
.dis-changes{padding-left:80px !important;padding-right:75px !important}
.dis-change{width:100%;padding-left:0px !important;}
.save-changes{margin-top:10px !important;}
.phone-divi{width:100% !important;}
.eye-icon-pass{position:absolute; margin-left: 270px;}
.edit-icon{margin-left:5px !important;}
/* profile end here */

/* employee start here */
.bulk-up{width:100% !important;margin-top: 15px !important;margin-bottom: 0px !important;}
.add-emp{width:100% !important;margin-top: 15px !important;}
.all-role{padding-left:0px !important;margin-top: 15px !important;}
.all-roles{padding-left:0px !important;}
.all-status{padding-left:10px !important;margin-top: 15px !important;}
.action-head{padding-right: 10px !important;}
.employee-id{width:150px !important}
.action-head{width:90px !important}
.previous{padding-bottom: 3px !important;}
.next{padding-bottom: 3px !important;}
.result-sec{margin-top:10px;}
.bulk-upload{margin-bottom: 8px !important;}
/* employee end here */

/* test screen start */
.schudule-first{margin-bottom: 10px !important;}
.schudule-box{margin-bottom: 10px !important;}
.DIFFICULTY-head {padding-right: 8px !important;padding-top: 35.2px !important;}
.Employee-Taking{margin-bottom: 10px !important;}
.medium-test{padding-right: 5px !important;width: 100% !important;}
.average-test{margin-top:10px !important;}
.question-preview{width:150px !important}
/* test screen end */

/* communication start here */
.communication-profile{margin-left: 0px !important;margin-top: 10px !important;}
.message-type{position: relative; left:-30px !important;}
.message-type-1{margin-top:-27px !important;margin-bottom: 10px !important;}
.sms-check{position: relative; right:15px !important;}
.mail-check{position: relative; right:12px !important;}
.Conversations{width:96% !important;border-radius:10px !important; }
.chat-field{border-left: 1px solid #eee;}
.chat-convo{border-left:1px solid #eee !important;border-radius:10px !important;padding-right:0px !important;width:93% !important;margin-left:10px !important;margin-bottom:10px !important}
.send-msg{margin-top: 10px !important;}
/* communication end here */

/* logs and monitoring start here */
.ip-adress{width:120px !important}
.date-time{padding:0px !important;margin-top:15px !important;}
.emp-log-btn{display: flex;justify-content: start !important;margin-top:15px !important}
/* logs and monitoring end here */

/* settimgs screen start */
.bell{padding-left:10px !important;padding-right:0px !important}
.profile-settings{margin-top:15px !important}
.change-btn{width:60% !important}
.border-start{border:0px !important;margin-top:15px !important;border-top:1px solid #eee !important;padding:10px !important}
.colours{margin-right:10px !important}
.manage-test{width:150px !important}
.auto-email{margin-top: 15px !important;}
.department-score{margin-top:15px !important}

/* settimgs screen end */

/* employee details screen start */
.emp-id{padding-top: 10px !important;}
/* employee details screen end */

/* reports screen start here */
.create-report-btn{display: flex;justify-content:start !important;margin-top: 15PX !important;} 



}


/* COL mobile device responsive end here */

/* SM & MD tab device responsive start here */
@media (min-width:576px) and (max-width:991px) {
h1{ font-size:40px !important }
h2{ font-size:36px !important }
h3{ font-size:32px !important }
h4{ font-size:28px !important }
h5{ font-size:22px !important }
h6{ font-size:18px !important }
.h7{ font-size:15px !important }
.h8{ font-size:13px !important }
.h9{ font-size:11px !important }

.b1{ font-size:20px !important }
.b2{ font-size:18px !important }
.b3{ font-size:16px !important }
.b4{ font-size:15px !important }
.b5{ font-size:14px !important }
.b6{ font-size:13px !important }
.b7{ font-size:11px !important }
.b8{ font-size:9px !important }

/* home screen start here */
.top-nav-btns{margin-top: 15px !important;display: flex;justify-content: space-between !important;padding:0px !important}
.signin-btn{width:100% !important;}
.signup-btn{width:100% !important}
.banner-image  {margin-bottom: 20px !important; padding:0px 20px;width:100%;display:flex;left:20px;top:10px;}
.banner-section{background-image:none !important}
.Personalised{margin-top:15px !important}
.service-section{margin-top:0px !important}
.about-img1{margin-right: 0px !important;}
.about-img2{margin-right: 0px !important;}
.about-section{margin-top:30px !important}
.about-content{margin-top:30px !important}
.feature-logo{width:100px !important}
.how-it-works-img{width:100% !important}
.whom-sec-img{width:100% !important}
.why-skillai-img{width:100% !important;}
.why-skilleval-ai-contant{padding-left:10px !important}
.two-btns{display: flex; justify-content: center;}
.get-start-btn{display: flex; justify-content: end;}
.request-demo-btn{display: flex; justify-content: end;}
.nav-menu li{display: flex; justify-content: start !important;}
.links{margin-top: 20px !important;}
/* home screen end here */

/* select for signin start*/
.top-nav{display: none;}
.employee {margin-right: 0px !important;margin-bottom: 30px !important;}
.admin-image{width:100% !important;display: flex; left:80px ;}
/* select for signin end */

/* assesment screen start */
.total-assessment{margin-left:150px !important;margin-bottom:20px !important}


/* admin dashboard start here */
.side-nav-pri{display: none;}
.icon-img{height:10% !important; position: relative; top:35px !important;}
.logout-nav-icon{display: flex; justify-content: start !important; margin-top: 180px !important;margin-left:15px !important;border-top: 1px solid #eee; border-radius: 0px !important; padding: 20px 0px !important;}
.admin-img{margin-left:0px !important;}
.bell-icon{margin-left:5px !important;}
.result-box{width:100% !important; }
.upcom-test{padding-left:0px !important;margin-bottom: 15px;}
.search-box{border:0px 15px 15px 0px !important;}
.search-bell{margin-top: 10px !important; margin-bottom: 10px !important;}
.Snapshot{margin-left: 25px !important;}
/* admin dashboard end here */

/* profile screen start here */
.changes{padding-left:75px !important;padding-right:75px !important; }
.dis-changes{padding-left:61px !important;padding-right:61px !important}
.edit-icon{margin-left:5px !important;}
.phone-divi{width:100% !important;}
.eye-icon-pass{position:absolute; margin-left: 285px;}
.previous{padding-bottom: 3px !important;}
.next{padding-bottom: 3px !important;}
.previous{padding-bottom: 3px !important;}
.result-sec{margin-top:10px;margin-left: 15px !important;}
.all-status{padding-left:0px !important;}
/* profile screen end here */

.employee-head{width:150px !important}

/* test screen start */
.schudule-first{margin-bottom: 10px !important;}
.schudule-box{margin-bottom: 10px !important;}
.Employee-Taking{margin-bottom: 10px !important;}
.medium-test{padding-right: 5px !important;width: 60% !important;}
.average-test{margin-top:10px !important;}
.DIFFICULTY-head{padding-right: 20px !important;}
.schudule-first{padding-bottom: 80px !important;}
/* test screen end */

/* communication screen start here */
.send-msg{margin-left: 50px !important;}
.test-notification{width:100% !important}
.last-chat{margin-bottom: 133px !important;}
.convo-box{margin-bottom:20px !important}
/* communication screen end here */

/* logs and moni start here */
.logs-container{padding:0px !important;margin:0px !important;margin-left:20px !important}
.breadcrumb-logs{padding:0px !important}
.emp-log-btn{padding-right:0px !important}
.export-logs{margin-left:100px !important}
/* logs and moni end here */

/* setting screen start */
.search-bell{margin-left: 50px !important;}
.employee-head{width:200px !important}
.company-container{width:100% !important;margin-right: 0px !important;padding-left:20px !important}
.drop-down{padding-bottom: 58px !important;}
.workflow{padding-bottom: 20px !important;}
/* setting screen end */








}
/* SM & MD  tab device responsive end here */

/* LG & XL tab device responsive start here */
@media (min-width:992px) and (max-width:1399px) {
h1{ font-size:48px !important }
h2{ font-size:42px !important }
h3{ font-size:36px !important }
h4{ font-size:30px !important }
h5{ font-size:24px !important }
h6{ font-size:18px !important }
.h7{ font-size:16px !important }
.h8{ font-size:14px !important }
.h9{ font-size:12px !important }

.b1{font-size:24px !important }
.b2{font-size:22px !important }
.b3{font-size:20px !important }
.b4{font-size:18px !important }
.b5{font-size:16px !important }
.b6{font-size:14px !important }
.b7{font-size:12px !important }
.b8{font-size:10px !important }

.add-emp{padding-left:10px !important}


}
/* LG & XL tab device responsive end here */


/* mobile device responsive end here */



/* responsive start end */