@media (min-width: 1200px){
  .navbar__toggle{display: none;}
  li.dropdown .dropdown-menu{display: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; top:40px;  transform: scale(0.8); visibility: hidden;  box-shadow:7px 4px 14px rgba(0,0,0,0.6); border:0;}
  li.dropdown:hover .dropdown-menu,
  li.dropdown.open .dropdown-menu{display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; transform: scale(1 ); visibility: visible;  }
  li.dropdown .dropdown-menu:before{position: absolute; content: ""; top:-13px; right: 24px; border-left: 15px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #fff;  }
}
@media (max-width: 1199px){
  .navbar-nav {
    text-align:left;
    padding-top:10px;
    position: fixed;
    top: 0;
    right:-280px;
    height: 100%;
    z-index: 99999;
    width: 280px;
    background-color:transparent;
    background-image: url(images/mobile-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 0;
  }
  .navbar-nav:before{
    position: absolute;
    content: "";
    top:0;
    left:0;
    right:0;
    background-color: rgba(255,255,255,0);
    height: 100%;
    width: 100%;
    z-index: 0;
  }
  .navbar-nav.is-active{
    right:0;
  }
  body,
  header,
  .navbar-nav,
  .navbar-nav.is-active,
  header.is-active,
  body.is-active{
    -webkit-transition:all ease-in-out 0.3s;
    -moz-transition:all ease-in-out 0.3s;
    -ms-transition:all ease-in-out 0.3s;
    transition:all ease-in-out 0.3s;
  }
  body.is-active{
    right:280px;
  }
  /*
  header.is-active{
    right:280px;
  }
  */
  /* mobile nav open-close toggle styles */
  .navbar__toggle{
    background:none;
    border:none;
    font-size: 16px;
    color: red;
    font-weight: 900;
    text-decoration: none;
    display: inline-block;
    padding:0;
    margin:0;
    cursor: pointer;
    user-select: none;
    opacity: 0.99;
    outline:none !important;
    position:absolute;
    top:10px;
    right:15px;
  }
  .navicon {
    position: relative;
    width: 28px;
    height: 4px;
    background:#79ad38;
    display:inline-block;
    vertical-align:middle;
    margin-left:0.313rem;
    top:-1px;
  }
  .navicon:before,
  .navicon:after {
    display: block;
    content: "";
    width: 28px;
    height: 4px;
    background:#79ad38;
    position: absolute;
    z-index: -1;
    transition: 0.5s 0.25s;
  }
  .navicon:before {
    top:9px;
  }
  .navicon:after {
    top: -9px;
  }
  .navicon,
  .navbar__toggle,
  .navbar__toggle .navicon:before,
  .navbar__toggle .navicon:after,
  .navbar__toggle:hover .navicon:before,
  .navbar__toggle:hover .navicon:after {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
  .navbar__toggle.is-active:not(.steps) .navicon:before,
  .navbar__toggle.is-active:not(.steps) .navicon:after {
   top: 0 !important;
  }
  /* × and + */
  .navbar__toggle.is-active .navicon {
    background: transparent;
  }
  .navbar__toggle.is-active .navicon:before {
    -webkit-transform: rotate(-45deg); 
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height:3px;
  }
  .navbar__toggle.is-active .navicon:after {
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height:3px;
  }
header .main-nav{ position:relative; }  
header .main-nav .navbar-nav{ background: #eee; }
header .main-nav .navbar-nav li a{padding:10px 0 10px 15px; display: block; border-bottom: 1px solid #e7e7e7; font-size: 16px; white-space: normal; }
header .main-nav .navbar-nav .dropdown-menu li a{padding:0;border-bottom:none;}
header li.dropdown .dropdown-toggle{border-bottom: 1px solid #e7e7e7; display: block; padding: 10px 15px !important;}
header .main-nav .navbar-nav li{width: 100%; position: relative; z-index: 1; margin-bottom: 20px;  margin-bottom: 0; padding: 0; }
.navbar-nav .open .dropdown-menu{padding:10px 0 8px 0px; text-align: left; position: static; background-color: transparent; width: 100%; border:transparent;box-shadow: inherit; }
.navbar-nav .open .dropdown-menu li{padding:8px 0 8px 40px; }
.navbar-nav .open .dropdown-menu li a{padding-left: 0;}
.navbar-nav .open .dropdown-menu li:first-child{padding-left: 40px;  }
.navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-nav .open .dropdown-menu > li > a:hover{background-color: transparent;}
header li.dropdown .dropdown-menu li:last-child{padding: 8px 15px 8px 40px; border-bottom: 1px solid #e7e7e7;}
/*news*/
.news-page .news-block ul li{padding-right: 14px;}
header .header-top .input-group, header .search{ display: none; }
.error-404 .search-form label, .search-form .search-field{ max-width: 90%; }
 header .header-top{ text-align:left; }
 .p-notification{ position:inherit; }
}
@media (max-width: 991px){
.banner-bottom .dropdown-menu li{width: 24%;}
.ce-programs h2{margin: 49px 0 38px;}
.home-about {padding: 60px 0 60px;}
.home-about .btn{margin-top: 20px;}
.footer .footer-links li{padding: 0 13px;}
/*news*/
.news-page .sidebar{margin-top: 30px;}
.banner-img figure{padding-right: 10px;}
.course-one .img-width{max-width:200px; text-align: center; margin:0 auto 30px; }
.course-one .banner-bottom .input-group{max-width: inherit; float: none;}
.course-one .banner-bottom{margin-bottom: 50px;}
.my-acc .form-block .col-md-10{ width: 100%; }
.certificates-block td img{ padding-top: 8px; }
.profile-block #learndash_profile .learndash-course-link{ width: 60%; }
.sidebar .search-form label{ width: 100%; }
.container-fluid.pubin-fluid{ width:100% !important; }
}
@media (max-width: 767px){
.section{padding: 50px 0;}
.course-one.section{padding: 30px 0}
.navbar-nav .open .dropdown-menu{padding-bottom: 0;}
.banner .banner-content h1{font-size: 33px; line-height: 52px;}
.banner .item{min-height: 365px;}
.banner-bottom .dropdown-menu li{width: 32%;}
.banner-bottom .dropdown .dropdown-toggle{font-size: 16px;}
.banner-bottom .input-group{max-width: 230px;}
.banner .owl-dots{bottom:25px;}
.ce-programs h2{font-size: 26px;}
.shadow-img{margin-bottom: 25px;}
.home-about{padding: 40px 0; text-align: center;}
.footer .footer-links li{margin-bottom:10px;}
.footer{padding: 40px 0 25px;}
header .navbar-nav{margin: 0;}
.ce-programs{padding-bottom: 34px;}
.footer img{margin-bottom: 32px;}
/*inner-pages*/
.inner-banner{min-height: 192px;}
.practitioner .ce-programs{padding-bottom: 15px;}
.practitioner .about{padding: 40px 0;}
.about-page .about.section{padding: 40px 0 10px;}
.inner-banner .inner-banner-content h1.couse-heading{font-size: 24px; line-height: 34px;}
.inner-banner .inner-banner-content h1{ font-size: 36px; }
.inner-banner.online-banner{min-height: 380px;}
.practitioner .about figure,
.home-about .image-block figure{margin: 0 auto 40px; text-align: center; max-width: 200px;}
/*news*/
.news-page .news-block{margin-bottom: 30px;}
h4{font-size: 22px;}
.news-page .news-block h4{margin-top: 20px;}
.news-page .sidebar h5{font-size: 20px;}
/*contact-page*/
.contact-page .contact-info{margin-top: 30px;}
.contact-page h4{font-size: 26px;}
.contact-page iframe{ width: 100%; max-width: 100%;}
.contact-page form{max-width: inherit;}
.adhd-course .table > tbody > tr > td:nth-child(1),
.adhd-course .table > tbody > tr > td:nth-child(2){width: 100%;}
.online-adhd .inner-banner{min-height: 300px;}
.banner-img figure{width: 150px; text-align: center; margin: 0 auto; float: none;}
.online-adhd .inner-banner h1{padding-top: 15px;}
.login .form-block{ margin-bottom: 40px; }
.event-page .location-content { padding: 0 15px; }
.event-page .location-register{ float: none; padding: 15px; margin-top: 0;}
.event-page .event-agenda td{ min-width: 100px; }
.my-acc .form-block h3, .my-acc h2{ margin-top: 0; }
.inner-page .dl-horizontal dt{ font-size: 16px; }
.inner-page .dl-horizontal dd{ font-size: 15px; position: relative; top: 2px; }
.inner-page p, .sfwd-course ul li{ font-size: 16px; line-height: 26px; }
.inner-page.sfwd-course ul li::before{ top: -1px; }
.page-id-11 .ce-programs .card-block, .page-id-11 .ld_course_grid{ padding: 0 15px; }
.page-id-11 .ce-programs .ld-course-list-items{ margin-right: 0; margin-left: 0; }
.page-id-11 .practitioner .ce-programs h2{ padding-left: 15px; }
.practitioner .ce-programs h2{padding-bottom: 0;}
.page-id-17 .shadow-img{ max-width: 260px; }
header .header-top{ text-align:center; }
}
@media (max-width: 599px){
.banner .banner-content h1 { font-size: 26px;line-height: 41px;}
.btn{padding: 8px 31px;}
.banner-bottom .dropdown-menu li{width: 45%;}
.banner-bottom .dropdown-toggle::before{border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #79ad38;bottom: -15px;}
 h2{font-size: 26px;}
 .banner-bottom .input-group{float: left; }
/* .banner-bottom .dropdown{top:80px;}*/
.banner-bottom .dropdown{float: none; position: inherit;}
.banner-bottom .input-group{margin-top: 40px;}
.banner-bottom .dropdown .dropdown-toggle{width: 100%;}
.banner-bottom .input-group{max-width: 100%; position: inherit; }
header .input-group.display{display: none;}
header .search{float: right;}
header .search #formButton{background-color: transparent; border:0; color: #79ad38; margin-top: 5px;}
header .search .input-group{float: none; position: absolute; right: 20px; margin-top: 9px;}
header .search .form-control{box-shadow: inherit; -webkit-box-shadow: inherit; -ms-box-shadow: inherit; -moz-box-shadow: inherit;}
header .search .display-block{ display: none;}
header .header-bottom .logo{max-width: 200px;}
/*header .navbar__toggle{top:58px;}*/
.ce-programs .center .btn{margin-top:0;}
/*news*/
.news-page .news-block ul li{margin-bottom: 8px;}
.news-page .news-block ul li:last-child{margin-bottom: 0;}
.course-one h2 {line-height: 34px; margin-top: 0; font-size: 23px;}
.course-one .banner-bottom{margin-bottom: 0;}
.course-one  .ce-programs .card-block:last-child .card{margin-bottom: 0;}
.wpProQuiz_results .quiz_continue_link{ float: none; }
#event-lightbox{ width: 100%; }
.page-id-17 .shadow-img{ margin: 0 auto 20px; }
.acc-details ul li {  padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px; }
.acc-details ul li span{ display: block; }
.certificates-block td { display: table; width: 100%; text-align: center; }
.certificate-list .btn{ margin-top: 25px; }
}
@media (max-width: 479px){
  .banner-bottom .dropdown-menu li{width: 100%;}
  .ce-programs .card-block{width: 100%;}
  header .header-top .login-details li{margin-right: 6px;}
  header .header-top .top-info li a i{height: 25px; width: 25px; font-size: 15px; padding: 5px;}
  header .header-top .login-details li{font-size: 14px;}
  header .search #formButton{padding: 0 3px;}
/*  header .navbar__toggle{right: 15px;}*/
  .ce-programs h2{margin: 30px 0 38px;}
  header .header-top .input-group{max-width: 94%; right: 10px; margin-top: 4px;}
  .banner-bottom .dropdown-menu li{margin-bottom: 10px;}
  .full-width{ width: 100%; }
  /*inner-page*/
  .inner-banner .inner-banner-content h1.couse-heading{font-size: 20px; line-height: 26px;}
  .inner-banner .inner-banner-content h1{ font-size: 30px; }
  .inner-banner.online-banner{min-height: 341px;}
  .news-details .post-share p{float: none;}
  .news-details .post-share ul{float: left; margin-top: 20px;}
  .news-details .comment-form{padding: 20px 0px 33px;}
  .comment-list .reply a{ font-size: 16px; bottom: -30px; font-size: 16px; top: inherit; padding-right: 0; }
  .search-form { max-width: 290px; }
  .login .form-block{ padding: 20px 0 0; box-shadow: none; }
  }
@media (max-width: 374px){
  .inner-banner .inner-banner-content h1.couse-heading {
      font-size: 18px;
      line-height: 24px;
  }
}