@media (max-width:1600px) and (min-width:1452px) {
    .notification h6{font-size: 19px; padding-left: 100px;}
    .wrapper .box h5,.wrapper .box.one h5{font-size: 20px;}
   
}


@media (min-width:1451px) {
    .wrapper .box figure,
    .wrapper .box.one figure {
        width: auto;
        margin-right: 46px;
    }

    .wrapper .box {padding: 35px 35px; min-height: 195px; box-shadow: 0px 3px 2.4px 0.6px rgba(231, 229, 229, 0.2);}
    .wrapper .box.one article .fa { right: 50px;}
    .wrapper .box article { margin-top: 20px; }
/*
    footer {
        padding: 15px 60px;
         margin-left: 190px;
        text-align: center;
        color: #8a8b8b;
        font-family: 'open_sansregular';
        font-size: 14px;
        border-top: 2px solid #edebe9;
        margin-right: 60px;
        position: absolute;
        bottom: 0;
        margin: 0 auto;
        width: 88%;
        left: 190px;
    }
*/
    .INSTRN {
        background: #fff;
        padding: 65px 65px;
        padding-bottom: 40px;
        border-radius: 10px;
        margin-bottom: 40px;
       box-shadow: 0px 3px 2.4px 0.6px rgba(231, 229, 229, 0.2);
    }
    .wrapper .box.one article .fa {position: absolute; right: 50px; top: 50%;color: #fff; width: 65px; height: 65px;border-radius: 50%; border: 2px solid #fff; font-size: 52px;text-align: center; 
    line-height: 62px; padding-left: 10px; -webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);}
    
    .progres_div h4{font-size: 30px;}
    
    .progres_div .round1 {
    width: 80px;
        height: 80px; font-size: 20px; line-height: 80px;}
}

@media (max-width:1500px) {
    .wrapper .box.one article .fa.arrow-right { font-size: 26px;line-height: 40px;}
  .login-wrapper {padding: 50px 157px;}
  .question-set .questions .options .checkmark:after{top: 7px;font-size: 21px;}
    option{font-size: 15px;}
    .login-wrapper .login-right{padding: 80px 80px;}
    .login-wrapper .registration-left h4{font-size: 24px;}
    .login-wrapper .registration-left{padding: 70px 70px;}
    .login-wrapper .login-form label{font-size: 15px;}
    .login-wrapper .registration-right{padding: 140px 70px;}
    .question-set .question-btns { padding: 20px 42px;  padding-bottom: 30px;}
    .question-set .questions .checkmark{width: 45px; height: 45px;}
    .question-set .question-box p{font-size: 17px;}
    .question-set .questions {padding: 5px 40px;}
    .question-set .questions .options,.question-set .questions .options .checkmark h5{font-size: 15px;}
    .page-container .sidebar li { margin-bottom: 40px;}
    .notification{ width: 26%; margin-top: 100px;}
    .notification span{ left: 64%; height: 30px; width: 30px; line-height: 30px; font-size: 14px;}
    .wrapper .tests .box h5 {font-size: 20px;}
    .page-container .sidebar {padding-top: 140px;}
    .notification ul li:hover{ background-position: right 10px;}
    .notification h6{ line-height: 65px; font-size: 18px; padding-left: 90px;}
    .notification ul li{ font-size: 14px; padding:10px 5px;}
    .notification ul {margin-bottom: 20px;margin-right: 0px;}
    header .logo { width: 55px;  }
    header ul { margin-top: 13px; }
    header ul li .fa { font-size: 25px; }
    header ul li .fa-user { font-size: 16px;}
    header ul li .fa-user {height: 35px; width: 35px;line-height: 35px; }
    .page-container {padding-top: 83px; }
    .page-container.login-top{ padding-top: 0px;}
    .progres_div .progress_bar{margin-top: 28px;}
    .result .first{min-height: 242px;}
    .wrapper .box.one h5,.wrapper .box h5,.wrapper .box h6{ font-size: 19px;}
    .wrapper .box.one article .fa{top:46px; line-height: 41px;}
    .INSTRN ul li{width: 33%;}
    .progres_div .round1 {width: 70px; height: 70px; line-height: 70px; font-size: 15px;}
    .progres_div h4{font-size: 24px;}
    .wrapper{ padding: 60px;}
    .progres_div span{  font-size: 18px;}
    .scrollable{ height: 520px;}
    .question-set .question-btns .btn{width: 150px; height: 50px; font-size:17px;} 
    .wrapper .box{height: 100%;}
    #pop-instruction .modal-dialog {width: 700px;}
}
@media (max-width:1380px) {
     .page-container .sidebar {padding-top: 110px;}
}
@media (max-width:1199px) {
    .notification ul li:hover {background-position: right 32px;}
.login-wrapper {padding: 50px 50px;}
.reg-wrapper {padding: 52px 50px!important;}
.login-wrapper .registration-left { padding: 80px 60px;   border-right: none; }
.login-wrapper .registration-right {padding:144px 60px;  }
 .notification{right: 3%;width: 40%;margin-top: 95px;}
 .progres_div .round1{ width: 61px; height: 61px;  line-height: 62px; font-size: 14px; margin-left: 20px;}
 .progres_div h4 { font-size: 24px;}
 .progres_div span{ font-size: 18px;}
  .progres_div .label2, .progres_div .label1, .progres_div .label3{font-size: 14px; top: -26px;}
  .progres_div .progress_bar{ margin-top: 32px;}
.result .first {min-height: 272px;}
    .result .first .fa{top: 100px;}
    .INSTRN ul li { width: 45%;}
    .dash .col-md-4{width: 100%; margin-bottom: 40px;}
    .wrapper .box.one article .fa {top: 25px;}
    .wrapper{padding:50px;}
}



@media (max-width:990px) {

 .login-wrapper .registration-left { padding: 75px 35px; padding-bottom: 0px; height: 100%;}
 .login-wrapper .registration-right { padding: 59px 35px; padding-top: 0px; height: 100%;}
 .progres_div .progress_bar { margin-top: 57px;}
.progres_div span{ text-align: left; float: left; font-size: 16px;}
 .result .first{ display: none;}
 .notification{right: 3%;width: 51%;margin-top: 95px;}
    .progres_div{padding: 40px 40px;}
    .question-set .question-btns .btn{    width: 155px; font-size: 18px;}
    .INSTRN ul li {width: 100%; padding-right: 0px;}
    .te-sm .col-sm-4{width: 100%;}
    .box-resume .steps{display: none;}
    .box-resume h3{left: 40px; font-size: 17px;}
    .box-resume .btn{    right: 20px;}
    .box-resume {margin-top: 0;}
    .progres_div-main h1{font-size: 20px;}
    .logo-reg{display:none;}
    .login-wrapper .form-group .btn{float:none;}
}



@media (max-width:767px) {
    .box-resume h3 {left: 0px; right: 0px; text-align: center; top:26%; font-size: 15px; } 
    .box-resume{height: 140px; margin-bottom: 20px;}
    .box-resume .btn{width: 164px; height: 45px; font-size:15px; line-height:29px; left: 0px; right: 0px; margin: 0 auto; top:62%;}  
    .question-set .question-btns{text-align: center;}
    header ul {margin-top: 6px;}
  .progres_div .progress_bar{height: 7px; margin-top: 32px;}
  .question-set .questions .options .checkmark:after {top: 1px;}
  .test_desc img{display: none;}
    .test_desc .btn{height:45px;line-height:33px;}
  .navbar-toggle .icon-bar {background-color: #fc671a; display: block; width: 25px;height: 2px; display: block; width: 25px;height: 2px;}
  .navbar-toggle{margin-right: 0; margin-right: 0;top: 8px;position: absolute;    right: 15px;}
    .hd-na{float: left!important}
    .log.fa-angle-down{display: none;}
    .wrapper .tests .box span{background: url(../images/play-small.png) no-repeat;width: 32px;height: 32px;}
    header .logo { width: 40px;}
    .progres_div { padding: 20px 20px;}
    .progres_div .round1.round2 { margin-left: 17px;}
    .progres_div .label2, .progres_div .label1, .progres_div .label3 {font-size: 10px;}
    .login-wrapper .login-left img{ width: 70%}
    .login-wrapper .login-left p{padding: 40px 44px;}
    .login-wrapper{ padding: 0px 33px;}
    .login-wrapper .login-left{ display: none;}
    .progres_div-main .btn{left: 0;font-size: 15px;transform: none;top: 8px;width: 145px;line-height: 30px; height: 44px;}
    .login-wrapper .col-md-6 {padding: inherit;}
    .login-wrapper .login-right {height: 100%; padding: 70px 40px;}
    .login-wrapper .registration-left h4,.wrapper .tests .box h5{ font-size: 17px;}
    .reg-wrapper .login-form  .form-control,.wrapper h4,.progres_div-main h1,.landing-pop .modal-content p{font-size: 14px;}
    .login-wrapper .registration-left { padding: 75px 35px; padding-bottom: 0px; height: 100%;}
    .login-wrapper .registration-right { padding: 59px 35px; padding-top: 0px; height: 100%;}
    .reg-wrapper { padding: 53px 24px!important;}
    .login-wrapper .form-group .btn {width: 150px;height: 50px; font-size: 14px; margin: 0 auto; margin-top: 30px;}
    .btn-circle { width: 35px;height: 35px;padding: 6px 0px; margin-top: 33px; font-size: 14px;}
    .stepwizard-row:before{top:50px;}
    .stepwizard:after, .stepwizard:before{ width: 8px; height: 8px; top: 48px;}
    .notification {right: 4%;width: 89%; margin-top: 101px;}
    .notification span{ height: 25px;width: 25px; font-size: 12px;top: 4%; left: 65%;line-height: 25px;}
    .notification ul li {position: relative;  padding: 17px 22px;}
    .notification ul li:before{left: -16px; top: 23px;}
    .question-set .question-box p{ font-size: 15px; line-height: 30px;}
    .question-box h5{ font-size: 14px; margin-bottom: 14px;}
    .question-set .questions .options{  padding-left: 50px; padding-top: 9px;}
    .question-set .questions .checkmark{ width: 35px; height: 35px;    top: 4%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); transform: translateY(-50%); }
    .question-set .questions .options .checkmark h5 { margin-top: 9px; font-size: 14px;}
    .question-set .question-btns a.btn1{ margin-left: 0;}
    .progres_div .round1 { width: 40px; height: 40px;line-height: 40px;font-size: 11px; margin: 7px 0px; margin-left: 7px;}header ul li { margin-left: 25px;}
    header ul li .fa {font-size: 20px; }
    .question-set .question-btns .btn,.question-set .question-btns .btn1,.test_desc .btn,.login-wrapper .form-group .btn.login { font-size: 15px; margin-top: 0px;  margin: 0 auto; text-align: center; margin-bottom: 20px; width: 145px; height: 45px; line-height: 37px;}
    .login-wrapper .form-group .btn.login { font-size: 15px; margin-top: 15px; text-align: center;  width: 145px; height: 45px; line-height: 37px;}
    .dash .col-md-4 {margin-bottom: 10px;}
    .wrapper .tests .box.suc span{background: url(../images/success-small.png) no-repeat; width: 32px;height: 32px;}
    header ul li a{font-size: 12px;}
    header ul li .fa-user {margin-right: 8px;height: 25px;  width: 25px;line-height: 26px;  font-size: 12px;}
    .notification h6{padding-left: 87px;}
    .page-container .sidebar{width: 150px; z-index: 1;}
    .page-container .sidebar.hide-overlay{left: 0px;}
    .page-container{padding-top: 75px;}
    .progres_div-main{height: 60px;}
    .page-container .sidebar li { margin-bottom: 20px;}
    .progres_div span {text-align: left;float: none;font-size: 16px;display: block;}
    .question-box img{max-width:100%;}
    .page-container .sidebar li a,.INSTRN ul li,.progres_div span  {font-size: 13px;}
    .wrapper{ margin-left: 0px;padding: 30px 20px;}
    .wrapper .tests .box.suc span,.wrapper .tests .box span{top: 25px;right: 25px;}
    footer{margin-left: 10px; margin-right: 10px; padding: 15px 0px;}
    .wrapper .tests .box h6{padding: 0px; }
    .INSTRN,.test_desc { padding: 30px 30px; }
    .INSTRN ul li{ width: 100%; }
    .wrapper .box{margin-bottom: 20px; min-height: auto; padding: 20px; }
    .wrapper .box.one figure{ width: 60px;  margin-right: 18px;}
    .wrapper .box h5{ font-size: 19px; padding-top: 0px; }
    .wrapper .box figure{width: 50px; margin-right: 18px; }
    .wrapper .box h6{padding-top: 6px;  line-height: 32px;}
    .result P,.login-wrapper .registration-right h5,.registration-right span,.login-wrapper .login-form .form-control{font-size: 15px;}
    .test_desc p{padding-bottom: 10px;}
    .page-container .sidebar {width: 130px;float: left;background: #fff;padding-top: 65px;text-align: center;height: 100%;position: fixed;z-index: 4;top: 0;left: -100%;overflow-x: hidden;transition: 0.5s;}
    .chosen-container-multi .chosen-choices{margin-bottom: 0px;}
    .modal-dialog { width: 345px;}
    .landing-pop .pop-logo {width: 66%;padding: 30px 0px;}
    .landing-pop .modal-content h1{ font-size:24px;}
    .login-wrapper .registration-left span, .registration-right span{font-size:13px;}
    .login-wrapper .registration-left h5 {font-size: 15px; padding-bottom:8px;}
    .login-wrapper .registration-left .form-group.mob-label, .login-wrapper .registration-right .form-group.mob-label { margin-bottom:0px;}
     .question-set .questions .options{font-size:13px;}
    #pop-instruction .modal-dialog { width: 360px;}
    #pop-instruction .modal-header .close {
    margin-top: 8px;
    position: relative;
    right: 7px;
        bottom: -48px;font-size: 17px;}
}

@media (max-width: 500px) {}

@media (max-width: 400px) {}