@media only screen and (min-width: 1200px) {
    .container {
     max-width:1200px
    }
   }
@media only screen and (max-width: 767px) {
    h1 {
     font-size:30px
    }
    h2 {
        font-size:24px
    }
    h3 {
        font-size:20px
    }
    .page-banner-section {
        background-repeat: no-repeat;
        background-position: left !important;
        background-size: cover;
        margin-top: 65px;
      }
      .td-title {
        width: 60% !important;
      }
      .info-price {
        font-size: 28px;
        font-weight: 500;
        color: #343a40;
        line-height: 1.5;
        margin-top: 22px !important;
        margin-bottom: 0;
        text-align: right;
        width: 40% !important;
      }
   }

   @media only screen and (max-width: 575px) {
    .page-pagination .pagination li a {
     width:40px;
     height:40px;
     line-height:40px;
     font-size:14px
    }
    .page-banner-content .page-title {
        font-size: 38px;
        line-height: 1.25;
        font-weight: 600;
      }
      .page-banner-section {
        background-repeat: no-repeat;
        background-position: left !important;
        background-size: cover;
        margin-top: 65px;
      }
   }

   @media only screen and (max-width: 575px) {
    blockquote {
     padding:20px 25px
    }
   }
   @media only screen and (max-width: 575px) {
    blockquote p {
     font-size:18px !important
    }
   }

   @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .btn:not([type="submit"]) {
     font-size:14px;
     height:45px;
     line-height:45px;
     padding:0 30px
    }
    
   }
   @media only screen and (max-width: 575px) {
    .btn:not([type="submit"]) {
     height:40px;
     line-height:40px;
     padding:0 20px;
     font-size:14px
    }
   }

   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .modal .modal-dialog {
     max-width:660px
    }
   }
   @media only screen and (max-width: 767px) {
    .modal .modal-dialog {
     max-width:540px
    }
   }
   @media only screen and (max-width: 575px) {
    .modal .modal-dialog {
     max-width:90%;
     margin:0 auto
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .header-main {
     padding:15px 0
    }
   }

   @media only screen and (max-width: 575px) {
    .header-logo a img {
     width:130px
    }
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-menu ul li+li {
     margin-left:30px
    }
   }
   @media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-menu ul li:nth-last-of-type(1) ul li .sub-menu,
    .header-menu ul li:nth-last-of-type(2) ul li .sub-menu {
     left:auto;
     right:100%
    }
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-btn {
     margin-left:40px
    }
    .page-banner-section {
        background-repeat: no-repeat;
        background-position: left !important;
        background-size: cover;
        margin-top: 65px;
      }
   }
   @media only screen and (max-width: 575px) {
    .header-toggle .menu-toggle {
     margin-left:15px
    }
   }
   @media only screen and (max-width: 575px) {
    .login-header-logo a+a {
     display:none
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .login-header-logo.logo-2 {
     padding:30px 20px;
     margin-right:20px
    }
   }
   @media only screen and (max-width: 767px) {
    .login-header-logo.logo-2 {
     padding:20px 20px;
     margin-right:30px
    }
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .login-header-search {
     width:400px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .login-header-search {
     width:350px
    }
   }
   @media only screen and (max-width: 767px) {
    .login-header-search {
     position:static;
     width:auto;
     margin-right:0
    }
   }
   @media only screen and (max-width: 767px) {
    .login-header-search .search-input {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     background-color:#28313d;
     -webkit-box-align:center;
     -webkit-align-items:center;
     -ms-flex-align:center;
     align-items:center;
     z-index:113;
     display:none
    }
   }
   
@media only screen and (max-width: 767px) {
    .login-header-search button {
     position:relative;
     top:0;
     right:0;
     font-size:24px
    }
   }
   @media only screen and (max-width: 575px) {
    .login-header-search button {
     position:relative;
     top:0;
     right:0;
     font-size:20px
    }
   }
   
@media only screen and (max-width: 767px) {
    .login-header-search.search-2 {
     margin-left:auto
    }
   }
   
@media only screen and (max-width: 767px) {
    .login-header-action {
     padding-right:5px
    }
   }
   .login-header-action>* {
    margin:0px 15px
   }
   @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 575px) {
    .login-header-action>* {
     margin:0px 7px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .login-header-action .notification {
     font-size:28px
    }
   }
   @media only screen and (max-width: 767px) {
    .login-header-action .notification {
     font-size:24px
    }
   }
   @media only screen and (max-width: 575px) {
    .login-header-action .notification {
     font-size:22px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .login-header-action .author img {
     width:50px
    }
   }
   @media only screen and (max-width: 767px) {
    .login-header-action .author img {
     width:45px
    }
   }
   
@media only screen and (max-width: 575px) {
    .login-header-action .notification .active {
     right:-2px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .login-header-action .more {
     width:30px;
     height:30px
    }
   }
   @media only screen and (max-width: 575px) {
    .login-header-action .more {
     width:28px;
     height:28px
    }
   }
   
@media only screen and (max-width: 575px) {
    .login-header-action .more span {
     width:3px;
     height:3px;
     margin:0 1px
    }
   }

   
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .login-header-action .dropdown .dropdown-menu.dropdown-notification {
     right:-110px
    }
   }
   @media only screen and (max-width: 767px) {
    .login-header-action .dropdown .dropdown-menu.dropdown-notification {
     right:-140px
    }
   }
   @media only screen and (max-width: 575px) {
    .login-header-action .dropdown .dropdown-menu.dropdown-notification {
     width:270px;
     right:-90px
    }
   }
   
@media only screen and (max-width: 575px) {
    .login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item .notify-icon {
     width:30px;
     height:30px;
     line-height:30px;
     padding:0 8px;
     font-size:13px
    }
   }
   @media only screen and (max-width: 575px) {
    .login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item .dropdown-body p {
     width:150px
    }
   }
   @media only screen and (max-width: 575px) {
    .login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item .notify-time {
     font-size:12px
    }
   }
   @media only screen and (max-width: 767px) {
    .login-header-action.action-2 {
     margin-left:0
    }
    .test-series_paper {
        background-color: #cddff7;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        border-radius: 10px;
        padding: 20px 0px !important;
        margin-bottom: 14px;
      }
      .test-series_paper_center {
        width: 22%;
      }
      .test-series_paper_content h4 {
        font-size: 12px;
        font-weight: 600;
        color: #42495c;
      }
      .test-series_paper_content {
        display: inline-block;
        vertical-align: middle;
        padding: 0 0 0 13px !important;
      }
      .test-series_paper_right {
        width: 38%;
        text-align: center;
      }
      a.dwnld_btn {
        background-color: #fff;
        color: #f26822;
        border: 1px solid #f26822;
        border-radius: 30px;
        padding: 3px 10px;
        text-decoration: none;
        display: inline-block;
        margin: 0px 0 0;
        font-weight: 400;
        font-size: 10px;
      }
      a.dwnld_btn:hover {
        background-color: #f26822;
        color: #fff;
        border: 1px solid #f26822;
        border-radius: 30px;
        padding: 3px 10px;
        text-decoration: none;
        display: inline-block;
        margin: 0px 0 0;
        font-weight: 400;
        font-size: 10px;
      }
      .testseries-paper {
        margin-top: 30px;
        border: 1px solid #ccc;
        border-radius: 16px;
        padding: 10px;
      }

   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-slider {
     height:100%
    }
    .dashboard_form {
        padding-top: 18px;
        padding-left: 47px;
      }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-slider {
        height:100%;
        margin-top: 78px;
    }
    .user-lg img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid #8c8c8d;
      }
      .user-lg {
        margin-right: 1px !important;
      }
      .mobile-menu-items ul li a {
        width: 100%;
        background: none;
        text-align: left;
        padding: 10px 20px;
        border: 0;
          border-bottom-color: currentcolor;
          border-bottom-style: none;
          border-bottom-width: 0px;
        border-bottom: 1px solid rgba(10,77,60,0.15);
        font-size: 15px;
        font-weight: 500;
        color: #2c241b;
      }
   }
   @media only screen and (max-width: 767px) {
    .single-slider {
        height:100%;
        margin-top: 78px;
    }
    .user-lg img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid #8c8c8d;
      }
      .user-lg {
        margin-right: 1px !important;
      }
      .mobile-menu-items ul li a {
        width: 100%;
        background: none;
        text-align: left;
        padding: 10px 20px;
        border: 0;
          border-bottom-color: currentcolor;
          border-bottom-style: none;
          border-bottom-width: 0px;
        border-bottom: 1px solid rgba(10,77,60,0.15);
        font-size: 15px;
        font-weight: 500;
        color: #2c241b;
      }
   }
   @media only screen and (max-width: 575px) {
    .single-slider {
        height:100%;
        margin-top:102px;
    }
    .user-lg img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid #8c8c8d;
      }
      .user-lg {
        margin-right: 1px !important;
      }
      .mobile-menu-items ul li a {
        width: 100%;
        background: none;
        text-align: left;
        padding: 10px 20px;
        border: 0;
          border-bottom-color: currentcolor;
          border-bottom-style: none;
          border-bottom-width: 0px;
        border-bottom: 1px solid rgba(10,77,60,0.15);
        font-size: 15px;
        font-weight: 500;
        color: #2c241b;
      }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content .main-title {
     font-size:64px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content .main-title {
     font-size:64px
    }
   }
   @media only screen and (max-width: 767px) {
    .slider-content .main-title {
     font-size:56px
    }
   }
   @media only screen and (max-width: 575px) {
    .slider-content .main-title {
     font-size:36px;
     line-height:1.3
    }
   }
   @media only screen and (max-width: 575px) {
    .slider-content p {
     font-size:16px
    }
   }
   
@media only screen and (max-width: 575px) {
    .slider-social {
     bottom:80px
    }
   }
   @media only screen and (max-width: 575px) {
    .slider-social .social-wrapper p {
     font-size:14px
    }
   }
   
@media only screen and (max-width: 575px) {
    .slider-social .social-wrapper .social li {
     margin-left:10px
    }
   }

   @media only screen and (max-width: 575px) {
    .slider-social .social-wrapper .social li a {
     width:35px;
     height:35px;
     line-height:33px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .slider-active .arrow {
     display:-webkit-box;
     display:-webkit-flex;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-orient:horizontal;
     -webkit-box-direction:reverse;
     -webkit-flex-direction:row-reverse;
     -ms-flex-direction:row-reverse;
     flex-direction:row-reverse;
     -webkit-box-pack:center;
     -webkit-justify-content:center;
     -ms-flex-pack:center;
     justify-content:center
    }
   }
   .slider-active .swiper-button-next,
   .slider-active .swiper-button-prev {
    width:45px;
    height:45px;
    font-size:15px;
    color:#fff;
    opacity:1;
    border-radius:50%;
    background-color:#266151;
    -webkit-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
    bottom:60px;
    top:auto;
    margin-top:0;
    outline:none
   }
   @media only screen and (max-width: 767px) {
    .slider-active .swiper-button-next,
    .slider-active .swiper-button-prev {
     width:35px;
     height:35px;
     font-size:13px
    }
   }
   @media only screen and (max-width: 575px) {
    .slider-active .swiper-button-next,
    .slider-active .swiper-button-prev {
     bottom:20px;
     margin:0 5px
    }
   }
   
@media only screen and (max-width: 767px) {
    .slider-active .swiper-button-next::before,
    .slider-active .swiper-button-prev::before {
     display:none
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-active .swiper-button-next {
     right:40px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .slider-active .swiper-button-next {
     right:20px
    }
   }
   @media only screen and (max-width: 575px) {
    .slider-active .swiper-button-next {
     right:auto;
     left:50%
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-active .swiper-button-prev {
     right:120px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-active .swiper-button-prev {
     right:100px
    }
    .btnn {
        text-align: center;
      }
   }
   @media only screen and (max-width: 575px) {
    .slider-active .swiper-button-prev {
     left:auto;
     right:50%
    }
    .btnn {
        text-align: center;
      }
      #footer .footer1 p {
        color: #fff;
        font-weight: 400;
        font-size: 10px;
      }
   }
   
@media only screen and (max-width: 767px) {
    .single-courses .courses-content .courses-price {
     margin-top:-30px
    }
    .slider-active .swiper-button-prev {
        right:70px
       }
       .btnn {
           text-align: center;
         }
   }
   
@media only screen and (max-width: 767px) {
    .single-courses .courses-content .courses-price .price {
     width:60px;
     height:60px;
     line-height:56px;
     font-size:16px
    }
   }
   
@media only screen and (max-width: 767px) {
    .single-courses .courses-content .content-wrapper {
     padding:20px 20px 15px
    }
   }
   
@media only screen and (max-width: 767px) {
    .single-courses .courses-content .content-wrapper .title a {
     font-size:20px
    }
   }
   
@media only screen and (min-width: 1500px), only screen and (min-width: 1200px) and (max-width: 1499px) {
    .courses-category-wrapper {
     display:-webkit-box;
     display:-webkit-flex;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-pack:justify;
     -webkit-justify-content:space-between;
     -ms-flex-pack:justify;
     justify-content:space-between;
     -webkit-box-orient:horizontal;
     -webkit-box-direction:reverse;
     -webkit-flex-direction:row-reverse;
     -ms-flex-direction:row-reverse;
     flex-direction:row-reverse
    }
   }
   @media only screen and (max-width: 575px) {
    .courses-category-wrapper {
     padding:1px 30px 30px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .courses-category-wrapper .category-menu {
     -webkit-flex-wrap:wrap;
     -ms-flex-wrap:wrap;
     flex-wrap:wrap
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .courses-category-wrapper .category-menu li a {
     width:auto
    }
   }
   @media only screen and (max-width: 575px) {
    .courses-category-wrapper .category-menu li a {
     font-size:14px;
     height:50px;
     line-height:48px;
     padding:0 12px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .courses-category-wrapper .courses-search {
     max-width:none
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .single-courses-02 .courses-content {
     padding:20px 25px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-courses-02 .courses-content .title a {
     font-size:18px
    }
   }
   @media only screen and (max-width: 575px) {
    .single-courses-02 .courses-content .title a {
     font-size:20px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-courses-02 .courses-content .courses-rating .rating-meta .rating-star::before {
     font-size:13px;
     letter-spacing:1px
    }
   }
   
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-section .shape-01 {
     width:220px;
     left:60px;
     top:50px
    }
   }
   @media only screen and (max-width: 767px) {
    .testimonial-section .shape-01 {
     width:180px;
     left:30px;
     top:20px
    }
   }
   @media only screen and (max-width: 575px) {
    .testimonial-section .shape-01 {
     width:140px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-section .shape-02 {
     width:97px;
     right:12%
    }
   }
   @media only screen and (max-width: 767px) {
    .testimonial-section .shape-02 {
     width:77px;
     right:12%
    }
   }
   @media only screen and (max-width: 575px) {
    .testimonial-section .shape-02 {
     width:57px
    }
   }
   
@media only screen and (max-width: 767px) {
    .testimonial-wrapper {
     margin-top:30px
    }
   }
   @media only screen and (max-width: 575px) {
    .single-testimonial {
     padding:0 15px
    }
   }
   
@media only screen and (max-width: 767px) {
    .single-testimonial p {
     font-size:18px
    }
   }
   @media only screen and (max-width: 575px) {
    .single-testimonial p {
     font-size:16px
    }
   }
   
@media only screen and (max-width: 767px) {
    .single-testimonial .name {
     font-size:24px;
     margin-top:32px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .testimonial-active .arrow {
     display:-webkit-box;
     display:-webkit-flex;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-orient:horizontal;
     -webkit-box-direction:reverse;
     -webkit-flex-direction:row-reverse;
     -ms-flex-direction:row-reverse;
     flex-direction:row-reverse;
     -webkit-box-pack:center;
     -webkit-justify-content:center;
     -ms-flex-pack:center;
     justify-content:center
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-active .swiper-button-next,
    .testimonial-active .swiper-button-prev {
     bottom:60px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-active .swiper-button-next,
    .testimonial-active .swiper-button-prev {
     bottom:0px;
     position:relative;
     margin:30px 10px 0
    }
   }
   @media only screen and (max-width: 767px) {
    .testimonial-active .swiper-button-next,
    .testimonial-active .swiper-button-prev {
     bottom:0px;
     position:relative;
     margin:30px 10px 0;
     width:45px;
     height:45px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-active .swiper-button-next {
     right:40px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .testimonial-active .swiper-button-next {
     right:0
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-active .swiper-button-prev {
     right:120px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .testimonial-active .swiper-button-prev {
     right:auto
    }
   }
   
@media only screen and (min-width: 1500px) {
    .brand-wrapper {
     margin-left:-140px;
     margin-right:-140px
    }
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .brand-wrapper {
     padding:100px 90px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .brand-wrapper {
     padding:60px 50px
    }
   }
   @media only screen and (max-width: 767px) {
    .brand-wrapper {
     padding:40px 30px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .brand-wrapper .shape {
     width:160px;
     top:50px;
     right:-50px
    }
   }
   @media only screen and (max-width: 767px) {
    .brand-wrapper .shape {
     width:100px;
     top:30px;
     right:-40px
    }
   }
   @media only screen and (max-width: 575px) {
    .brand-wrapper .shape {
     width:70px;
     top:15px;
     right:-20px
    }
   }
   
@media only screen and (max-width: 767px) {
    .brand-logo-wrapper {
     padding-top:40px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-blog {
     padding:30px
    }
   }
   @media only screen and (max-width: 767px) {
    .single-blog {
     padding:20px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
    .single-blog .blog .blog-date-meta span {
     width:65px;
     height:65px;
     padding:9px 10px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
    .single-blog .blog .meta {
     padding-left:20px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .single-blog .blog .title a {
     font-size:20px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .download-wrapper {
     padding:60px 40px
    }
   }
   @media only screen and (max-width: 767px) {
    .download-wrapper {
     padding:50px
    }
   }
   @media only screen and (max-width: 575px) {
    .download-wrapper {
     padding:30px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .download-wrapper .shape-01 {
     width:140px
    }
   }
   @media only screen and (max-width: 575px) {
    .download-wrapper .shape-01 {
     width:100px;
     left:15px;
     bottom:-45px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .download-wrapper .shape-02 {
     width:120px
    }
   }
   @media only screen and (max-width: 575px) {
    .download-wrapper .shape-02 {
     width:80px;
     right:20px
    }
   }
   
@media only screen and (max-width: 767px) {
    .download-wrapper .download-app ul li a {
     width:auto;
     padding:0 20px;
     height:50px
    }
   }
   @media only screen and (max-width: 767px) {
    .download-wrapper .download-app ul li a img {
     width:100px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .download-section .shape-01 {
     width:140px
    }
   }
   @media only screen and (max-width: 575px) {
    .download-section .shape-01 {
     width:100px;
     left:15px;
     bottom:-45px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .download-section .shape-02 {
     width:120px
    }
   }
   @media only screen and (max-width: 575px) {
    .download-section .shape-02 {
     width:80px;
     right:20px
    }
   }
   
@media only screen and (max-width: 767px) {
    .download-app-wrapper .download-app-btn .app-btn li a {
     width:auto;
     padding:0 20px;
     height:50px
    }
   }
   @media only screen and (max-width: 767px) {
    .download-app-wrapper .download-app-btn .app-btn li a img {
     width:100px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .page-banner-section {
     padding-top:80px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .page-banner-content {
     padding-top:85px;
     padding-bottom:90px
    }
   }
   @media only screen and (max-width: 575px) {
    .page-banner-content {
     padding-top:55px;
     padding-bottom:60px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .page-banner-content .page-title {
     font-size:44px
    }
   }
   @media only screen and (max-width: 767px) {
    .page-banner-content .page-title {
     font-size:36px
    }
   }
   @media only screen and (max-width: 575px) {
    .page-banner-content .page-title {
     font-size:30px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .our-mission-wrapper .content .sub-title {
     font-size:32px
    }
   }
   @media only screen and (max-width: 575px) {
    .our-mission-wrapper .content .sub-title {
     font-size:24px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .our-mission-wrapper .content .main-title {
     font-size:48px
    }
   }
   @media only screen and (max-width: 575px) {
    .our-mission-wrapper .content .main-title {
     font-size:30px
    }
   }
   
@media only screen and (min-width: 1500px), only screen and (min-width: 1200px) and (max-width: 1499px) {
    .our-mission-wrapper .content-list {
     padding-left:70px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .our-mission-wrapper .content-list {
     padding-top:40px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .our-mission-wrapper .content-list ul li {
     font-size:20px
    }
   }
   @media only screen and (max-width: 575px) {
    .our-mission-wrapper .content-list ul li {
     font-size:16px;
     padding-left:20px
    }
   }
   
@media only screen and (max-width: 575px) {
    .our-mission-wrapper .content-list ul li::before {
     width:7px;
     height:7px;
     top:12px
    }
   }
   
@media only screen and (max-width: 575px) {
    .our-mission-wrapper .content-list .btn {
     margin-left:20px;
     margin-top:30px
    }
   }
   
@media only screen and (max-width: 575px) {
    .instructor-wrapper {
     padding-top:10px
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-instructor .instructor-content .name {
     font-size:22px
    }
   }
   
@media only screen and (max-width: 575px) {
    .courses-details .courses-details-images .tags {
     font-size:12px;
     padding:0 15px;
     height:30px;
     line-height:30px
    }
   }
   
@media only screen and (max-width: 575px) {
    .courses-details .courses-details-images .courses-play .play {
     width:60px;
     height:60px;
     line-height:60px;
     font-size:16px
    }
   }
   
@media only screen and (max-width: 575px) {
    .courses-details .title {
     font-size:18px
    }
   }
   
@media only screen and (max-width: 767px) {
    .courses-details .courses-details-admin {
     display:block
    }
   }
   
@media only screen and (max-width: 575px) {
    .courses-details .courses-details-admin .admin-author {
     -webkit-flex-wrap:wrap;
     -ms-flex-wrap:wrap;
     flex-wrap:wrap
    }
   }
   @media only screen and (max-width: 575px) {
    .courses-details .courses-details-admin .admin-author .author-content {
     -webkit-flex-wrap:wrap;
     -ms-flex-wrap:wrap;
     flex-wrap:wrap
    }
   }
   
@media only screen and (max-width: 767px) {
    .courses-details .courses-details-admin .admin-rating {
     margin-left:65px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .courses-details .courses-details-admin .admin-rating .rating-count {
     font-size:13px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .courses-details .courses-details-admin .admin-rating .rating-star::before {
     font-size:13px;
     letter-spacing:1px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .courses-details .courses-details-admin .admin-rating .rating-star .rating-bar::before {
     font-size:13px;
     letter-spacing:1px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .courses-details-tab .details-tab-content .tab-rating-box .single-rating .rating-star::before {
     font-size:13px;
     letter-spacing:1px
    }
   }

   
@media only screen and (max-width: 575px) {
    .courses-details-tab .details-tab-content .tab-reviews .single-review::before {
     right:50px
    }
    .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content {
     padding-left:28px;
     padding-top:20px
    }
    .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .name {
        font-size: 18px !important;
        font-weight: 500;
        margin-bottom: 0;
      }
      .courses-details .courses-details-admin .admin-author .author-content .enroll {
        font-size: 12px;
        font-weight: 400;
        color: #52565b;
        display: inline-block;
        line-height: 22px;
      }
    .courses-details .courses-details-admin .admin-author .author-content .name {
        font-size: 14px;
        font-weight: 500;
        color: #9b9ea1;
        display: inline-block;
        line-height: 22px;
        position: relative;
    }
    .title h1 {
        font-size: 24px;
        color: #0a1241;
        padding-top: 12px;
      }
      .title h1 span {
        font-size: 25px;
        color: #0071dc;
        font-weight: 600;
      }
      .about-content .main-title {
        font-size: 36px;
        margin-top: 23px;
      }
      .our-mission-wrapper .content .main-title {
        font-size: 36px;
        font-weight: 400;
        margin-top: 20px;
      }
      .forgot-change-pass {
        display: block;
        width: 330px;
        margin: 0 auto;
        box-shadow: 0 0 14px -9px #000;
        border-radius: 22px;
      }
      .foot-box {
        padding-top: 1px;
      }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .rating-star::before {
     font-size:13px;
     letter-spacing:1px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .rating-star .rating-bar::before {
     font-size:13px;
     letter-spacing:1px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .single-team .team-content .name {
     font-size:16px
    }
   }
   
@media only screen and (max-width: 767px) {
    .blog-details-wrapper .title {
     font-size:22px
    }
   }
   @media only screen and (max-width: 575px) {
    .blog-details-wrapper .title {
     font-size:18px
    }
   }
   
@media only screen and (max-width: 767px) {
    .blog-details-admin-meta {
     display:block
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .blog-details-admin-meta .author .author-thumb a img {
     width:45px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .blog-details-admin-meta .author .author-name .name {
     font-size:13px
    }
   }
   
@media only screen and (max-width: 767px) {
    .blog-details-admin-meta .blog-meta {
     padding-left:49px
    }
   }
   @media only screen and (max-width: 575px) {
    .blog-details-admin-meta .blog-meta {
     -webkit-flex-wrap:wrap;
     -ms-flex-wrap:wrap;
     flex-wrap:wrap
    }
   }
   
@media only screen and (max-width: 575px) {
    .blog-details-admin-meta .blog-meta span {
     margin-right:25px;
     margin-top:10px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .blog-details-admin-meta .blog-meta .tag a {
     width:80px;
     font-size:13px
    }
   }
   
@media only screen and (max-width: 767px) {
    .blog-details-description h3 {
     font-size:22px
    }
   }
   @media only screen and (max-width: 575px) {
    .blog-details-description h3 {
     font-size:18px
    }
   }
   
@media only screen and (max-width: 575px) {
    .blog-details-description .details-img {
     margin:0
    }
   }
   
@media only screen and (max-width: 575px) {
    .blog-details-description .details-img .dec-img {
     width:100%;
     padding:0
    }
   }
   
@media only screen and (max-width: 575px) {
    .blog-details-tags-social .blog-details-label {
     display:block
    }
   }
   
@media only screen and (max-width: 767px) {
    .blog-details-tags-social .blog-details-label .tag-list li a {
     width:auto;
     padding:0 14px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-details-tags-social .blog-details-label .social li a {
     width:35px;
     height:35px;
     line-height:35px
    }
   }
   
@media only screen and (max-width: 767px) {
    .comment-items .comment-reply {
     padding-left:0
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-comment .comment-author {
     display:block
    }
   }
   
@media only screen and (max-width: 767px) {
    .single-comment .comment-author .author-content {
     padding-right:0
    }
   }
   @media only screen and (max-width: 575px) {
    .single-comment .comment-author .author-content {
     padding-left:0;
     padding-top:20px
    }
   }
   
@media only screen and (max-width: 767px) {
    .single-comment .reply {
     position:relative;
     top:0;
     right:0;
     margin-top:15px
    }
   }
   
@media only screen and (max-width: 575px) {
    .register-login-wrapper {
     padding:30px
    }
   }
   
@media only screen and (max-width: 767px) {
    .register-login-form .title {
     font-size:24px
    }
   }
   @media only screen and (max-width: 575px) {
    .register-login-form .title {
     font-size:20px
    }
   }
   @media only screen and (max-width: 575px) {
    .register-login-form .title span::before {
     display:none
    }
   }
   @media only screen and (max-width: 767px) {
    .faq-accordion .accordion-item button {
     font-size:20px
    }
   }
   @media only screen and (max-width: 575px) {
    .faq-accordion .accordion-item button {
     font-size:16px;
     padding:12px 20px;
     padding-right:45px
    }
   }
   @media only screen and (max-width: 575px) {
    .faq-accordion .accordion-item button::before {
     right:20px
    }
   }
   @media only screen and (max-width: 767px) {
    .faq-btn {
     padding-top:40px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .error-section .shape {
     width:260px;
     left:5%
    }
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .error-section .shape {
     width:210px;
     left:2%
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .error-section .shape {
     display:none
    }
   }
   
@media only screen and (max-width: 575px) {
    .error-wrapper .error-content .title {
     font-size:40px
    }
   }
   
@media only screen and (max-width: 575px) {
    .error-wrapper .error-content .sub-title {
     font-size:20px
    }
   }
   
@media only screen and (max-width: 575px) {
    .error-wrapper .error-content .btn {
     margin-top:20px
    }
   }
   
@media only screen and (max-width: 575px) {
    .contact-map-wrapper iframe {
     height:300px
    }
   }
   
@media only screen and (max-width: 575px) {
    .contact-title .sub-title {
     font-size:24px
    }
   }
   
@media only screen and (max-width: 575px) {
    .contact-title .main-title {
     font-size:28px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .contact-information {
     padding-left:0
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .contact-information .information-wrapper {
     padding:80px 50px
    }
   }
   @media only screen and (max-width: 575px) {
    .contact-information .information-wrapper {
     padding:30px
    }
   }
   
@media only screen and (max-width: 575px) {
    .contact-information .information-wrapper .single-info .info-title {
     font-size:24px
    }
   }
   
@media only screen and (max-width: 575px) {
    .contact-information .information-wrapper .single-info p {
     font-size:16px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .courses-video-player {
     width:100%
    }
   }
   @media only screen and (max-width: 767px) {
    .courses-video-player {
     padding-bottom:60px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .courses-video-player .vidcontainer {
     height:490px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .courses-video-player .vidcontainer {
     height:500px
    }
   }
   @media only screen and (max-width: 767px) {
    .courses-video-player .vidcontainer {
     height:420px
    }
   }
   @media only screen and (max-width: 575px) {
    .courses-video-player .vidcontainer {
     height:340px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .courses-video-player video {
     height:490px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .courses-video-player video {
     height:500px
    }
   }
   @media only screen and (max-width: 767px) {
    .courses-video-player video {
     height:420px
    }
   }
   @media only screen and (max-width: 575px) {
    .courses-video-player video {
     height:340px
    }
   }
   
@media only screen and (max-width: 575px) {
    .courses-video-player .video-play-bar {
     left:20px;
     right:20px;
     padding:15px 15px
    }
   }
   
@media only screen and (max-width: 575px) {
    .courses-video-player .topControl .progress {
     width:calc(100% - 100px)
    }
   }
   
@media only screen and (max-width: 575px) {
    .courses-video-player .controllers button {
     font-size:14px
    }
   }
   
@media only screen and (max-width: 575px) {
    .courses-video-player .bigplay {
     font-size:45px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .courses-enroll-content {
     padding:0 40px
    }
   }
   @media only screen and (max-width: 575px) {
    .courses-enroll-content {
     padding:0 20px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .courses-enroll-content .courses-enroll-title {
     display:block
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .courses-enroll-content .courses-enroll-title .title {
     max-width:380px;
     font-size:22px
    }
   }
   @media only screen and (max-width: 575px) {
    .courses-enroll-content .courses-enroll-title .title {
     font-size:18px
    }
   }
   
@media only screen and (max-width: 767px) {
    .courses-enroll-content .courses-enroll-tab {
     display:block
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .courses-enroll-content .courses-enroll-tab .enroll-tab-menu .nav li button {
     font-size:14px;
     padding:0 13px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .courses-enroll-content .courses-enroll-tab .enroll-tab-menu .nav li button {
     font-size:14px;
     padding:0 13px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .courses-enroll-content .courses-enroll-tab .enroll-share a {
     font-size:14px;
     padding:0 20px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .courses-enroll-content .courses-enroll-tab-content {
     padding:1px 40px 25px
    }
   }
   @media only screen and (max-width: 575px) {
    .courses-enroll-content .courses-enroll-tab-content {
     padding:1px 20px 15px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .courses-enroll-content .courses-enroll-tab-content .enroll-tab-title .title {
     font-size:20px
    }
   }
   
@media only screen and (max-width: 575px) {
    .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .table tbody tr th {
     font-size:14px;
     padding:8px 15px;
     padding-right:0;
     min-width:90px
    }
   }
   
@media only screen and (max-width: 575px) {
    .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .table tbody tr td {
     font-size:14px;
     padding:8px 15px
    }
   }
   
@media only screen and (max-width: 575px) {
    .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author {
     display:block
    }
   }
   
@media only screen and (max-width: 575px) {
    .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content {
     padding-left:0;
     padding-top:20px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .rating-star::before {
     font-size:13px;
     letter-spacing:1px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .rating-star .rating-bar::before {
     font-size:13px;
     letter-spacing:1px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .courses-video-playlist {
     width:100%
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .courses-video-playlist .playlist-title {
     padding:15px 40px 25px
    }
   }
   @media only screen and (max-width: 575px) {
    .courses-video-playlist .playlist-title {
     padding:5px 20px 15px
    }
   }
   
@media only screen and (max-width: 575px) {
    .courses-video-playlist .playlist-title .title {
     font-size:18px
    }
   }
   
@media only screen and (max-width: 575px) {
    .courses-video-playlist .playlist-title span {
     font-size:16px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .courses-video-playlist .video-playlist .accordion-item button {
     padding:8px 40px
    }
   }
   
@media only screen and (max-width: 575px) {
    .courses-video-playlist .video-playlist .accordion-item button {
     padding:8px 20px;
     padding-right:40px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
    .courses-video-playlist .video-playlist .accordion-item button .lesson {
     font-size:14px
    }
   }
   
@media only screen and (max-width: 575px) {
    .courses-video-playlist .video-playlist .accordion-item button::before {
     right:20px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
    .courses-video-playlist .video-playlist .vids a p {
     font-size:13px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .sidebar-wrapper {
     position:fixed;
     height:auto;
     width:100%;
     top:auto;
     bottom:0
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .sidebar-wrapper .menu-list {
     display:-webkit-box;
     display:-webkit-flex;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-pack:center;
     -webkit-justify-content:center;
     -ms-flex-pack:center;
     justify-content:center;
     padding:15px
    }
   }
   @media only screen and (max-width: 575px) {
    .sidebar-wrapper .menu-list {
     padding:10px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .sidebar-wrapper .menu-list a {
     margin:0 10px;
     width:45px;
     height:45px
    }
   }
   @media only screen and (max-width: 575px) {
    .sidebar-wrapper .menu-list a {
     margin:0 7px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .sidebar-wrapper .menu-list a::before {
     width:25px;
     height:4px;
     left:50%;
     top:auto;
     bottom:-17px;
     -webkit-transform:translateX(-50%) translateY(0);
     -ms-transform:translateX(-50%) translateY(0);
     transform:translateX(-50%) translateY(0)
    }
   }
   @media only screen and (max-width: 575px) {
    .sidebar-wrapper .menu-list a::before {
     bottom:-12px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .sidebar-wrapper .menu-list a+a {
     margin-top:0
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .page-content-wrapper {
     padding-left:0
    }
   }
   @media only screen and (max-width: 767px) {
    .page-content-wrapper {
     padding-bottom:60px
    }
   }
   
@media only screen and (min-width: 1500px) {
    .page-content-wrapper .custom-container {
     padding:0 50px
    }
   }
   
@media only screen and (max-width: 767px) {
    .page-content-wrapper .message {
     padding:26px 30px
    }
   }
   @media only screen and (max-width: 767px) {
    .page-content-wrapper .message {
     display:block
    }
   }
   @media only screen and (max-width: 575px) {
    .page-content-wrapper .message {
     padding:26px 30px
    }
   }
   
@media only screen and (max-width: 767px) {
    .page-content-wrapper .message .message-content {
     padding-left:20px
    }
   }
   @media only screen and (max-width: 767px) {
    .page-content-wrapper .message .message-content {
     padding-left:0;
     padding-top:15px
    }
   }
   
@media only screen and (max-width: 767px) {
    .admin-courses-tab {
     display:block
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .admin-courses-tab .title {
     font-size:26px
    }
   }
   
@media only screen and (max-width: 767px) {
    .admin-courses-tab .courses-tab-wrapper {
     display:block
    }
   }
   
@media only screen and (max-width: 767px) {
    .admin-courses-tab .courses-tab-wrapper .courses-select .nice-select {
     display:block
    }
   }
   
@media only screen and (max-width: 767px) {
    .admin-courses-tab .courses-tab-wrapper .courses-select .nice-select .list {
     width:100%
    }
   }
   
@media only screen and (max-width: 767px) {
    .admin-courses-tab .courses-tab-wrapper .nav {
     -webkit-box-pack:center;
     -webkit-justify-content:center;
     -ms-flex-pack:center;
     justify-content:center
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .admin-courses-tab .courses-tab-wrapper .nav li button {
     width:45px;
     height:45px;
     line-height:43px;
     font-size:14px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .admin-courses-tab .courses-tab-wrapper .tab-btn .btn {
     height:45px;
     line-height:45px;
     font-size:14px
    }
   }
   @media only screen and (max-width: 767px) {
    .admin-courses-tab .courses-tab-wrapper .tab-btn .btn {
     padding:0 15px;
     width:100%
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .courses-item {
     padding:15px
    }
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .courses-item {
     -webkit-flex-wrap:wrap;
     -ms-flex-wrap:wrap;
     flex-wrap:wrap;
     padding:15px
    }
   }
   @media only screen and (max-width: 767px) {
    .courses-item {
     display:block
    }
   }
   @media only screen and (max-width: 575px) {
    .courses-item {
     padding:15px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .courses-item .item-thumb a img {
     width:130px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .courses-item .content-title {
     padding-left:30px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .courses-item .content-title {
     max-width:460px
    }
   }
   @media only screen and (max-width: 767px) {
    .courses-item .content-title {
     padding-left:0;
     padding-top:20px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .courses-item .content-title .title a {
     font-size:16px
    }
   }
   @media only screen and (max-width: 575px) {
    .courses-item .content-title .title a {
     font-size:16px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (max-width: 767px) {
    .courses-item .content-wrapper {
     margin-left:-7px;
     margin-right:-7px
    }
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .courses-item .content-wrapper {
     margin-left:-10px;
     margin-right:-10px;
     -webkit-box-pack:start;
     -webkit-justify-content:flex-start;
     -ms-flex-pack:start;
     justify-content:flex-start
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .courses-item .content-wrapper {
     margin-left:-5px;
     margin-right:-5px;
     -webkit-box-pack:start;
     -webkit-justify-content:flex-start;
     -ms-flex-pack:start;
     justify-content:flex-start
    }
   }
   @media only screen and (max-width: 767px) {
    .courses-item .content-wrapper {
     -webkit-flex-wrap:wrap;
     -ms-flex-wrap:wrap;
     flex-wrap:wrap;
     -webkit-box-pack:start;
     -webkit-justify-content:flex-start;
     -ms-flex-pack:start;
     justify-content:flex-start
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (max-width: 767px) {
    .courses-item .content-wrapper>* {
     margin:15px 7px 0
    }
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .courses-item .content-wrapper>* {
     margin:15px 10px 0
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .courses-item .content-wrapper>* {
     margin:15px 5px 0
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .courses-item .content-wrapper .content-box {
     width:150px;
     padding:15px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .courses-item .content-wrapper .content-box {
     width:143px;
     padding:15px
    }
   }
   @media only screen and (max-width: 767px) {
    .courses-item .content-wrapper .content-box {
     padding:15px;
     width:auto
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .courses-item .content-wrapper .content-box p {
     font-size:14px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .courses-item .content-wrapper .content-box .count {
     font-size:18px
    }
   }
   @media only screen and (max-width: 767px) {
    .courses-item .content-wrapper .content-box .count {
     font-size:16px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .courses-item .content-wrapper .content-box .count .rating-star::before {
     font-size:12px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .courses-item .content-wrapper .content-box .count .rating-star .rating-bar::before {
     font-size:12px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .courses-resources {
     padding:70px 70px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .courses-resources {
     padding:60px
    }
   }
   @media only screen and (max-width: 767px) {
    .courses-resources {
     margin-top:60px;
     padding:50px 40px
    }
   }
   @media only screen and (max-width: 575px) {
    .courses-resources {
     padding:20px 20px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .courses-resources .title {
     font-size:22px
    }
   }
   @media only screen and (max-width: 575px) {
    .courses-resources .title {
     font-size:20px
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-resources .resources-icon a img {
     width:60px
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-resources .title a {
     font-size:18px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .admin-tab-menu {
     height:auto;
     left:0;
     position:relative
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .admin-tab-menu a {
     width:230px;
     font-size:14px
    }
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .admin-tab-menu a {
     width:205px;
     font-size:14px;
     padding:0 45px 0 15px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .admin-tab-menu a {
     width:100%
    }
   }
   @media only screen and (max-width: 479px) {
    .admin-tab-menu a {
     font-size:14px;
     padding:0 45px 0 15px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .admin-tab-menu a::before {
     left:15px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .admin-tab-menu a.active,
    .admin-tab-menu a:hover {
     padding-left:25px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .main-content-wrapper {
     padding-left:289px
    }
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-content-wrapper {
     padding-left:266px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .main-content-wrapper {
     padding-left:0
    }
   }
   @media only screen and (max-width: 767px) {
    .main-content-wrapper {
     padding-bottom:60px
    }
   }
   @media only screen and (min-width: 1500px) {
    .main-content-wrapper .container-fluid {
     padding:0 60px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .admin-top-bar {
     display:block
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .admin-top-bar.students-top {
     display:-webkit-box;
     display:-webkit-flex;
     display:-ms-flexbox;
     display:flex
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .overview-box {
     margin-left:-10px;
     margin-right:-10px
    }
   }
   @media only screen and (max-width: 767px) {
    .overview-box {
     -webkit-flex-wrap:wrap;
     -ms-flex-wrap:wrap;
     flex-wrap:wrap;
     margin:0
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .overview-box .single-box {
     margin:20px 10px 0;
     width:175px;
     padding:15px 20px
    }
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .overview-box .single-box {
     margin:20px 10px 0;
     width:185px;
     padding:15px 20px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .overview-box .single-box {
     margin:20px 10px 0
    }
   }
   @media only screen and (max-width: 767px) {
    .overview-box .single-box {
     width:100%;
     margin:20px 0 0
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .overview-box .single-box .title {
     font-size:14px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 768px) and (max-width: 991px) {
    .overview-box .single-box .count {
     font-size:20px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .graph {
     padding:15px 30px 25px
    }
   }
   
@media only screen and (max-width: 575px) {
    .graph .graph-title {
     display:block
    }
   }
   
@media only screen and (max-width: 575px) {
    .graph .graph-title .title {
     font-size:18px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .student-box {
     margin:20px 10px 0
    }
   }
   @media only screen and (max-width: 767px) {
    .student-box {
     width:100%;
     margin:20px 0 0
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .student-box .title {
     font-size:14px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .student-box .count {
     font-size:20px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .single-student {
     padding:15px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .single-student .student-images img {
     padding:4px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .single-student .student-content {
     padding-left:15px;
     max-width:200px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .single-student .student-content .name {
     font-size:16px
    }
   }
   
@media only screen and (max-width: 575px) {
    .students-active .swiper-button-next,
    .students-active .swiper-button-prev {
     width:35px;
     height:35px;
     line-height:32px
    }
   }
   
@media only screen and (max-width: 575px) {
    .students-map {
     padding:30px 20px
    }
   }
   
@media only screen and (max-width: 575px) {
    .students-map .title {
     font-size:16px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .students-map .map #vmap {
     height:470px
    }
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .students-map .map #vmap {
     height:340px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .students-map .map #vmap {
     height:340px
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-student-widget {
     padding:25px 15px
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-student-widget .single-item .item-flag .flag {
     padding-right:8px
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-student-widget .single-item .item-flag .flag img {
     width:30px;
     height:30px
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-student-widget .single-item .item-bar {
     width:calc(100% - 130px)
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .new-courses {
     padding:0 50px 50px
    }
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .new-courses {
     padding:0 50px 50px;
     display:block
    }
   }
   @media only screen and (max-width: 575px) {
    .new-courses {
     padding:0 30px 50px
    }
   }
   
   
@media only screen and (max-width: 575px) {
    .new-courses .new-courses-title .title {
     font-size:18px
    }
    .new-courses .new-courses-title .title br {
     display:none
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .engagement-meta .meta {
     margin-right:30px;
     font-size:14px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .engagement-meta .meta img {
     width:16px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .courses-select .nice-select {
     padding:0 40px 0 20px;
     height:50px;
     line-height:48px;
     font-size:16px
    }
   }
   @media only screen and (max-width: 767px) {
    .courses-select .nice-select {
     display:block
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .courses-select .nice-select::after {
     right:20px
    }
   }
   @media only screen and (max-width: 767px) {
    .courses-select .nice-select .list {
     width:100%
    }
   }
   
@media only screen and (max-width: 767px) {
    .months-select .nice-select {
     display:block
    }
   }
   
@media only screen and (max-width: 767px) {
    .months-select .nice-select .list {
     width:100%
    }
   }
   
@media only screen and (max-width: 767px) {
    .engagement-courses .courses-top ul {
     display:block;
     text-align:center
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .engagement-courses .courses-top ul li {
     font-size:14px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .engagement-courses .courses-top ul li:nth-of-type(1) {
     width:430px
    }
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .engagement-courses .courses-top ul li:nth-of-type(1) {
     padding-left:50px;
     width:280px
    }
   }
   @media only screen and (max-width: 767px) {
    .engagement-courses .courses-top ul li:nth-of-type(1) {
     padding-left:0;
     width:auto
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .engagement-courses .courses-top ul li:nth-of-type(2) {
     width:auto
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .engagement-courses .courses-top ul li:nth-of-type(3) {
     width:auto
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .engagement-courses .courses-list ul li {
     padding:10px
    }
   }
   @media only screen and (max-width: 767px) {
    .engagement-courses .courses-list ul li {
     display:block;
     text-align:center
    }
   }
   
@media only screen and (max-width: 767px) {
    .engagement-courses .courses-list ul li .courses {
     display:block
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .engagement-courses .courses-list ul li .courses .thumb img {
     width:70px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .engagement-courses .courses-list ul li .courses .content {
     padding-left:15px;
     width:285px
    }
   }
   @media only screen and (max-width: 767px) {
    .engagement-courses .courses-list ul li .courses .content {
     padding-left:0;
     padding-top:25px;
     margin:0 auto
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 575px) {
    .engagement-courses .courses-list ul li .courses .content .title a {
     font-size:14px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 575px) {
    .engagement-courses .courses-list ul li .taught span,
    .engagement-courses .courses-list ul li .student span {
     font-size:14px
    }
   }
   @media only screen and (max-width: 767px) {
    .engagement-courses .courses-list ul li .taught span,
    .engagement-courses .courses-list ul li .student span {
     padding-top:20px
    }
   }
   
@media only screen and (max-width: 767px) {
    .engagement-courses .courses-list ul li .button {
     padding-top:20px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .engagement-courses .courses-list ul li .button .btn {
     font-size:13px;
     padding:0 20px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .engagement-courses .courses-list ul li>*:nth-of-type(1) {
     width:auto
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .engagement-courses .courses-list ul li>*:nth-of-type(2) {
     width:auto
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .engagement-courses .courses-list ul li>*:nth-of-type(3) {
     width:auto
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .filter-check>li {
     margin-right:26px
    }
   }
   
@media only screen and (max-width: 767px) {
    .rating-select .nice-select {
     display:block
    }
   }
   
@media only screen and (max-width: 767px) {
    .rating-select .nice-select .list {
     width:100%
    }
   }
   
@media only screen and (max-width: 767px) {
    .top-bar-filter-right {
     -webkit-flex-wrap:wrap;
     -ms-flex-wrap:wrap;
     flex-wrap:wrap
    }
   }
   
@media only screen and (max-width: 767px) {
    .newest-select .nice-select {
     display:block
    }
   }
   
@media only screen and (max-width: 767px) {
    .newest-select .nice-select .list {
     width:100%
    }
   }
   
@media only screen and (max-width: 767px) {
    .single-courses-rating .courses {
     display:block;
     text-align:center
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .single-courses-rating .courses .courses-thumb a img {
     width:130px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-courses-rating .courses .courses-thumb a img {
     width:100px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .single-courses-rating .courses .courses-content {
     padding-left:30px;
     max-width:370px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-courses-rating .courses .courses-content {
     padding-left:20px
    }
   }
   @media only screen and (max-width: 767px) {
    .single-courses-rating .courses .courses-content {
     padding-left:0;
     padding-top:25px;
     margin:0 auto
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .single-courses-rating .courses .courses-content .title a {
     font-size:18px
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-courses-rating .courses .courses-content .title a {
     font-size:16px
    }
   }
   @media only screen and (max-width: 575px) {
    .single-courses-rating .courses .courses-content .title a {
     font-size:16px
    }
   }
   
@media only screen and (max-width: 767px) {
    .single-courses-rating .courses .courses-content .average-rating {
     -webkit-box-pack:center;
     -webkit-justify-content:center;
     -ms-flex-pack:center;
     justify-content:center
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-courses-rating .courses .courses-content .average-rating .count {
     font-size:18px
    }
   }
   
@media only screen and (max-width: 767px) {
    .single-courses-rating .courses .courses-btn {
     margin:20px auto 0
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-courses-rating .rating {
     display:block;
     padding:20px
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-courses-rating .rating .rating-content {
     padding-left:0;
     padding-top:25px
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-courses-rating .rating .rating-content .name {
     font-size:20px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .single-user {
     padding:20px 10px
    }
   }
   @media only screen and (max-width: 575px) {
    .single-user {
     padding:10px
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-user .user-author img {
     width:50px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .single-user .user-content {
     max-width:160px;
     padding-left:10px;
     padding-bottom:20px
    }
   }
   @media only screen and (max-width: 575px) {
    .single-user .user-content {
     max-width:150px;
     padding-left:10px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .single-user .user-content .name {
     font-size:15px
    }
   }
   @media only screen and (max-width: 575px) {
    .single-user .user-content .name {
     font-size:13px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .single-user .user-content p {
     font-size:14px
    }
   }
   @media only screen and (max-width: 575px) {
    .single-user .user-content p {
     font-size:12px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .single-user .time {
     right:auto;
     left:80px;
     bottom:20px
    }
   }
   @media only screen and (max-width: 575px) {
    .single-user .time {
     font-size:8px;
     right:8px;
     bottom:auto;
     top:10px
    }
   }
   
@media only screen and (min-width: 1500px), only screen and (min-width: 1200px) and (max-width: 1499px) {
    .answer-message-wrapper {
     border-left:1px solid #e0dddb;
     padding-left:30px;
     border-top:0
    }
   }
   @media only screen and (max-width: 767px) {
    .answer-message-wrapper {
     padding-bottom:60px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .answer-message-wrapper ul li .message-replay {
     padding-left:50px
    }
   }
   @media only screen and (max-width: 767px) {
    .answer-message-wrapper ul li .message-replay {
     padding-left:70px
    }
   }
   @media only screen and (max-width: 575px) {
    .answer-message-wrapper ul li .message-replay {
     padding-left:0
    }
   }
   
@media only screen and (max-width: 575px) {
    .answer-message-wrapper .loadmore {
     height:45px;
     line-height:43px;
     font-size:14px
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-message .message-author {
     display:block;
     padding-right:0
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-message .message-author .author-content {
     padding-left:0;
     padding-top:15px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .single-message .message-author .author-content .name strong {
     margin-right:15px
    }
   }
   
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .single-message .message-author .author-content .title {
     font-size:16px
    }
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-message .message-author .author-content .title {
     font-size:18px
    }
   }
   @media only screen and (max-width: 575px) {
    .single-message .message-author .author-content .title {
     font-size:16px
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-message .message-author .meta {
     display:inline-block;
     text-align:center
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-message .message-author .meta .view {
     display:block;
     margin-right:0
    }
   }
   
@media only screen and (max-width: 575px) {
    .single-message .message-author .meta .answer {
     margin-top:10px;
     height:35px;
     line-height:33px;
     padding:0 15px
    }
   }
   
@media only screen and (max-width: 575px) {
    .message-form {
     display:block
    }
   }
   
@media only screen and (max-width: 575px) {
    .message-form .message-input {
     padding-left:0;
     padding-top:20px
    }
   }
   
@media only screen and (max-width: 575px) {
    .message-form .message-input textarea {
     padding:15px 20px
    }
   }
   
@media only screen and (max-width: 575px) {
    .message-form .message-input .message-btn .btn {
     width:90px;
     height:45px;
     line-height:45px;
     font-size:13px;
     padding:0 20px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar-widget .social li a {
     width:45px;
     height:45px;
     line-height:43px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .widget-information .info-list ul li i {
     font-size:15px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .widget-information .info-list ul li strong {
     font-size:15px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .widget-information .info-list ul li span {
     font-size:15px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .widget-category {
     padding:25px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .widget-category .category-list li a {
     font-size:14px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .widget-post {
     padding:25px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .widget-post .single-post .post-thumb a img {
     width:60px;
     height:60px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .widget-post .single-post .post-content {
     padding-left:20px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .widget-post .single-post .post-content .title a {
     font-size:14px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
    .widget-tags {
     padding:25px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .widget-tags .tags-list li a {
     font-size:14px;
     padding:0 22px
    }
   }
   @media only screen and (max-width: 767px) {
    .widget-tags .tags-list li a {
     padding:0 20px
    }
   }
   
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-widget-title {
     font-size:24px
    }
   }
   @media only screen and (max-width: 767px) {
    .footer-widget-title {
     font-size:20px
    }
   }
   
@media only screen and (min-width: 1500px), only screen and (min-width: 1200px) and (max-width: 1499px) {
    .widget-newsletter {
     padding-right:70px
    }
   }
   
@media only screen and (max-width: 767px) {
    .widget-link li {
     font-size:13px
    }
   }
   
@media only screen and (max-width: 767px) {
    .widget-location p {
     font-size:13px
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .copyright-wrapper {
     display:block;
     text-align:center
    }
   }
   
@media only screen and (min-width: 1500px) {
    .blog-wrapper {
     margin-left:-30px;
     margin-right:-30px
    }
   }
   @media only screen and (max-width: 767px) {
    .blog-wrapper {
     padding-top:10px
    }
   }
   
@media only screen and (min-width: 1500px) {
    .download-wrapper {
     margin-right:-30px;
     margin-left:-30px
    }
   }