/*
  Theme Name: Education Skill Development
  Theme URI: https://www.mishkatwp.com/themes/skill-development-wordpress-theme/
  Description:
  Author:Mishkat
  Author URI: https://www.mishkatwp.com/
  Version: 2.2
  Requires PHP: 5.6
  Tested up to: 5.8
  Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
  Text Domain: education-skill-development-pro
  License: GNU General Public License v3 or later
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
  */

  .screen-reader-text {
  	border: 0;
  	clip: rect(1px, 1px, 1px, 1px);
  	clip-path: inset(50%);
  	height: 1px;
  	margin: -1px;
  	overflow: hidden;
  	padding: 0;
  	position: absolute !important;
  	width: 1px;
  	word-wrap: normal !important;
  	-webkit-transition: none;
  	-moz-transition: none;
  	-o-transition: none;
  	transition: none;
  }

  .screen-reader-text:focus {
  	background-color: #f1f1f1;
  	border-radius: 3px;
  	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  	clip: auto !important;
  	clip-path: none;
  	color: #21759b;
  	display: block;
  	font-size: 14px;
  	font-weight: 600;
  	height: auto;
  	left: 5px;
  	line-height: normal;
  	padding: 15px 23px 14px;
  	text-decoration: none;
  	top: 5px;
  	width: auto;
  	z-index: 100000;
  }
  .alignwide {
    margin-left  : -80px;
    margin-right : -80px;
  }
  .alignfull {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
  }
  .alignfull img {
    width: 100vw;
  }

  .post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
    text-decoration: underline;
  }

  body {
    font-family: 'Poppins', sans-serif;
    color: #222222;
    margin:0;
    background: #fff;
  }

  h1, h2, h3, h4, h5, h6{
    font-family: 'Ubuntu', sans-serif;
  }

  a {
    color:#001f33;
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
    text-decoration: none;
  }

  a:hover,
  a:focus {
    color:#ff5e5e;
    text-decoration: none;
  }

  header.header-top {
    background: #000000;
  }
  section.category-title h1 {
    font-size: 18px;
    font-weight: 600;
  }
  /* ===============================================
     HEADER BOX
     ============================================= */

  .top-header {
    background: #0d090a;
  }
  .top-header .button1,
  .top-header .button1::after{
    -webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  	transition: all 0.3s;
  }
  .top-header .button1{
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    color: #ffff;
    transition: all 0.2s;
    text-decoration: none;
    text-transform: uppercase;
    background: #002c4a;
    font-weight: bold;
  }
  .top-header .button1::before,
  .top-header .button1::after{
    background: #ffff;
    content: '';
    position: absolute;
    z-index: -1;
  }
  .top-header .button1:hover{
    color: #002c4a;
  }
  .top-header .button1::after{
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
  }
  .top-header .button1:hover:after{
    width: 100%;
  }

  .top-header .button2,
  .top-header .button2::after{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .top-header .button2{
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    color: #222222;
    transition: all 0.2s;
    text-decoration: none;
    text-transform: uppercase;
    background: #fff;
    font-weight: bold;
  }
  .top-header .button2::before,
  .top-header .button2::after{
    background: #ffb606;
    content: '';
    position: absolute;
    z-index: -1;
  }
  .top-header .button2:hover{
    color: #fff;
  }
  .top-header .button2::after{
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
  }
  .top-header .button2:hover:after{
    width: 100%;
  }

  .login{
  	background: #fff;
  	color: #212121;
  }
  a.cart-customlocation p.cart-item-box{
    background: #d45228;
    width: 18px;
    border-radius: 50%;
    height: 18px;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 25px;
    color: #fff;
  }
  .header {
    position: static;
  }
   
  .page-template-frontpage #site-navigation {
      background: #ffb606;
  }

  /* ===============================================
     LOGO BOX
     ============================================= */

  .logo {
    display: block;
    padding: 15px 0;
  	min-height: 53px;
    line-height: 1.4em;
  	word-break: break-all;
  }
  .logo a {
    color: #fff;
    font-size: 30px;
    line-height: 35px;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
  }
  .logo a:hover,
  .logo a:focus {
    color:#723626;
  }
  .logo span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
  }
  .logo-image {
    float: left;
    margin: 10px 0;
  }

  /* ===============================================
     SOCIAL BOX
     ============================================= */
  .social-links a {
    color: #fff;
  }
  .social-links a:hover,.top-header p{
  	color: #ff5e5e; 
  }

  /* ===============================================
     MENU BOX
     ============================================= */
  #site-navigation {
    background: #ffb606;
  }
  #main-menu {
  	display:block;
  	position:relative;
  	float:left;
  	margin:0 auto;
  	width:100%
  }
  #main-menu ul {
  	margin:0;
      padding: 0;
  	display:block;
  }
  #main-menu ul li {
  	position:relative;
  	display:block;
  	float:left;
  	text-align:left;
  }
  #main-menu ul li a {
  	color: #fff!important;
  	text-decoration:none;
  	display:block;
  	z-index:1;
  	padding:10px 15px;
  	margin:0;
  	font-size: 15px;
  	font-weight: 500;
  	-webkit-transition: color .1s linear, background-color .1s linear;
  	-moz-transition: color .1s linear, background-color .1s linear;
  	-o-transition: color .1s linear, background-color .1s linear;
  	transition: color .1s linear, background-color .1s linear;
  	position:relative;
  	line-height:53px;
  	text-transform:uppercase;
  }
  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
  	color:#002c4a!important;
  }
  #main-menu ul.children ,
  #main-menu ul.sub-menu {
  	opacity:0;
  	position: absolute;
  	top: 70px;
  	left: -9999em;
  	background:#002c4a;
    color: #fff!important;
  	z-index:10001;
  	width:213px;
  	padding-left:0;
  	-webkit-transition: opacity 0.3s ease 0s;
  	-moz-transition: opacity 0.3s ease 0s;
  	-o-transition: opacity 0.3s ease 0s;
  	transition: opacity 0.3s ease 0s;
  }
  #main-menu ul.children li ,
  #main-menu ul.sub-menu li {
  	position:relative;
  	margin:0;
  	line-height:1.2em;
  	text-transform:none;
  	width:213px;
  	min-height: inherit;
  	margin:0;
  }
  #main-menu li li:hover > ul,
  #main-menu li li:focus > ul,
  #main-menu li li.focus > ul {
  	top:0px;
  	left: -100%;
  }
  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
  	text-decoration:none;
  	text-align:left;
  	display:block;
  	padding:20px 15px;
  	margin:0;
  	border:none;
  	line-height:inherit;
  	color: #222222;
  }
  #main-menu ul.children li a:hover,
  #main-menu ul.sub-menu li a:hover{
  	background: #002c4a;
  	color: #fff!important;
  }
  #main-menu ul.children li ul:before ,
  #main-menu ul.sub-menu li ul:before {
  	display:none;
  }
  #main-menu li:hover > ul,
  #main-menu li:focus > ul,
  #main-menu li.focus > ul {
  	opacity:1;
  	left:calc(100% - 213px);
  }
  .menu-toggle,
  .dropdown-toggle,
  button.close-menu {
  	display: none;
  	background: #ff5e5e;
  	color: #fff;
  }
  #main-menu ul.children li ul:before ,
  #main-menu ul.sub-menu li ul:before {
  	display:none;
  }

  /* ===============================================
     HEADER SEARCH
     =============================================== */

  .header-search {
    text-align: right;
  }
  .header-search .open-search-form i,a.cart-customlocation i, a.open-admin  {
    font-size: 18px;
    cursor: pointer;
  	color: #ffffff;
  	margin: 10px 0; 
   }
   a.open-admin{
    color: #fff!important;
   }
   .header-search,.open-admin a:hover, .open-search-form i:hover,
   a.cart-customlocation i:hover{
   	color: #001f33!important;
   }
  .header-search .search-form {
  	position:fixed;
  	top:0;
  	right:-100%;
  	width:100%;
  	height:100%;
  	padding:0;
  	z-index:1001;
  	visibility: hidden;
  	-webkit-transition-property: all , -webkit-transform;
      transition-property: all , transform;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
      transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  	background: rgba(255,255,255, 0.98) none repeat;
  	border:none !important;
  }
  .header-search .search-form.is-open {
  	right:0;
  	height:100%;
  	visibility: visible;
  }
  .header-search .search-form.is-open form {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 50px;
  }
  .header-search .search-form a.close-search-form {
  	top:50px;
  	position:absolute;
  	margin-left:-13px;
  	left:50%;
  }
  .header-search .search-form i.searchform-close-button {
  	font-size:25px;
  	color:#616161 !important;
  	opacity:0;
  	-webkit-transition: transform .2s linear;
  	-moz-transition: transform .2s linear;
  	-o-transition: transform .2s linear;
  	transition: transform .2s linear;
  }
  .header-search .search-form.is-open i.searchform-close-button {
  	opacity:1;
  }
  .header-search .search-form.is-open i.searchform-close-button:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }}

  /* ===============================================
     POST BOX
     ============================================= */

  .post-box,.post-single,.page-single {
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.125);
  }
  .post-thumbnail {
    line-height: 0;
  }
  .post-single .post-thumbnail figure img{
  	width: 100%;
  }

  .post-box .post-thumbnail figure, .post-single .post-thumbnail figure {
  	margin: 0;
  	padding: 0;
  	background: #222222;
  	overflow: hidden;
  }
  .post-box .post-thumbnail figure:hover+span, .post-single .post-thumbnail figure:hover+span{
  	opacity: 1;
  }
  .post-box .post-thumbnail figure img, .post-single .post-thumbnail figure img{
  	webkit-transform: scale(1);
  	transform: scale(1);
  	-webkit-transition: .3s ease-in-out;
  	transition: .3s ease-in-out;
  }
  .post-box .post-thumbnail figure:hover img, .post-single .post-thumbnail figure:hover img {
  	-webkit-transform: scale(1.1);
  	transform: scale(1.1);
  	opacity: 0.5;
  }

  .post-content p{
  	color: #a5a7b1;
  }
  .post-meta i{
  	color: #ff5e5e;
  }
  .post-meta span {
    text-decoration: none;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 600;
    color: #62646c;
  }
  pre {
  	display: block;
  	padding: 9.5px;
  	margin: 0 0 10px;
  	font-size: 13px;
  	line-height: 1.42857143;
  	color: #121d21;
  	white-space: break-spaces;
  	background-color: #f5f5f5;
  	border: 1px solid #ccc;
    border-radius: 4px;
  }
  .post-content img,
  .post-thumbnail img,
  .post-content iframe,
  .post-content object,
  .post-content embed {
  	max-width: 100%;
  }
  .post-content img,
  .post-thumbnail img {
  	max-height:100%;
  	height:auto;
  }
  .post-content:after {
    content: "";
    display: table;
    clear: both;
  }

  #content,footer {
    width: 100%;
    float: left;
  }
  .post-box, .post-single, .page-single {
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.125);
  }


  /*--------------------------------------------------------------
  ## Comments
  --------------------------------------------------------------*/
  .comment-form-url input{
    width: 100%;
  }
  .comment-respond input#submit {
    background: #ff5e5e;
    border: none;
    color: #fff;
    padding: 10px;
    font-weight: 600;
  }
  .comment-respond input#submit:hover{
    background-color: #222222;
  }
  .comment-content a {
    word-wrap: break-word;
  }
  .bypostauthor {
    display: block;
  }
  .comments-title {
    font-size: 1.125rem;
  }
  .comment-body .pull-left {
    padding-right: 0.625rem;
  }
  .comment-list {
    padding-left: 0;
  }
  .comment-list .comment {
    display: block;
  }
  .comment-list .pingback {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0.563rem 0;
  }
  .comment-list .pingback a {
    margin-left: 5px;
    margin-right: 5px;
  }
  .comment-content.card-block {
    padding: 15px;
  }
  .comment-reply a {
    background: #ff5e5e;
    padding: 5px 15px;
    color: #fff;
  }
  .comment-reply a:hover {
    background: #222222;
    color: #f3f4f7;
    text-decoration: none;
  }

   
  @media screen and (min-width : 0) and (max-width : 767px) {

    section.category-title h1 {
      text-align: center;
    }

    .logo {
      text-align: center;
    }
    .top-register, .top-login{
    	padding: 12px 20px;
    }
    .menu-toggle,
    .dropdown-toggle {
      border:none;
      display: block;
      margin: 10px 0;
      height: 40px;
      text-align: center;
      cursor: pointer;
      background: #ff5e5e;
      color: #fff;
      border-radius: 5px;
      margin: 10px auto;
    }

    #main-menu {
      display: none;
    }
     
    .header.toggled #main-menu{
      display: block;
    }
    button.close-menu {
      display: inline-block;
    }

    #main-menu ul li {
      float: left;
      width: 100%;
    }

    #main-menu > li > ul.children,
    #main-menu > li > ul.sub-menu {
      position: absolute;
      top:-100%;
      background: #fff;
    }

    #main-menu li.focus > ul.children,
    #main-menu li.focus > ul.sub-menu ,
    #main-menu li:hover > ul.children,
    #main-menu li:hover > ul.sub-menu ,
    #main-menu li:focus > ul.children,
    #main-menu li:focus > ul.sub-menu {
      width: 100%;
      top:0;
      left: 0 !important;
      position: relative;
    }

    #main-menu ul {
      padding: 0;
      float: none;
    }

    #main-menu ul li a {
      padding: 0;
      display: initial;
    }

    #main-menu ul.children li a ,
    #main-menu ul.sub-menu li a {
      padding: 0;
      line-height:53px;
    }

    #main-menu ul li.menu-item-has-children:after {
      content: '';
      position: absolute;
      border: solid #ff5e5e;
      right: 10px;
      top: 50%;
      border-width: 0 3px 3px 0;
      display: inline-block;
      padding: 3px;
      -webkit-transform: translate(0,-50%) rotate(-45deg);
      transform: translate(0,-50%) rotate(-45deg);
    }

    #main-menu ul.children li,
    #main-menu ul.sub-menu li {
      width: 100%;
      padding-left: 10px;
    }

    #main-menu ul li.menu-item-has-children:hover:after ,
    #main-menu ul li.menu-item-has-children:focus:after,
    #main-menu ul li.menu-item-has-children.focus:after {
      top: 20px;
      -webkit-transform:  rotate(45deg);
      transform:  rotate(45deg);
    }

    #main-menu a:hover,
    #main-menu ul li a:hover,
    #main-menu li:hover > a,
    #main-menu a:focus,
    #main-menu ul li a:focus,
    #main-menu li.focus > a,
    #main-menu li:focus > a,
    #main-menu ul li.current-menu-item > a,
    #main-menu ul li.current_page_item > a,
    #main-menu ul li.current-menu-parent > a,
    #main-menu ul li.current_page_ancestor > a,
    #main-menu ul li.current-menu-ancestor > a {
      background:none;
    }
    #main-menu ul li a{
    	padding: 10px 12px;
    }
    a.close-search-form{
    	display: none;
    }
  }

  /* ===============================================
     Pagination
     ============================================= */

  .pagination,
  .education-skill-development-pro-pagination {
  	margin:25px 0;
  }
  .pagination .nav-links a,
  .pagination .nav-links span.current,
  .education-skill-development-pro-pagination a span,
  .education-skill-development-pro-pagination span.current {
  	display:inline-block;
  	text-decoration: none;
  	padding:10px 20px;
  	font-size:18px;
    font-weight: 600;
  	line-height:21px;
  	color:#222;
    border-radius: 4px;
  	text-align:center;
  	vertical-align:middle;
  	cursor:pointer;
  	position:relative;
  	margin:0;
  	-webkit-transition: background-color .3s ease;
  	-moz-transition: background-color .3s ease;
  	-ms-transition: background-color .3s ease;
  	-o-transition: background-color .3s ease;
  	transition: background-color .3s ease;
  }
  .pagination .nav-links a:hover,
  .pagination .nav-links a:focus,
  .pagination .nav-links span.current,
  .education-skill-development-pro-pagination span.current,
  .education-skill-development-pro-pagination span.current:hover,
  .education-skill-development-pro-pagination span.current:focus,
  .education-skill-development-pro-pagination a span:hover,
  .education-skill-development-pro-pagination a span:focus {
  	background:#ff5e5e;
    color: #ffffff;
  }
  .commentlist {
  	list-style:none;
  	margin:0;
  	padding:0
  }
  .commentlist ul {
  	list-style:none;
  	padding:0;
  	margin:0;
  }
  .commentlist li {
  	margin:0;
  }
  .commentlist li .comment-respond {
  	margin-bottom:25px;
  }

  .commentlist li:last-of-type .comment-respond {
  	margin-bottom:0px;
  }

  .comment-container {
  	position: relative;
  	margin:0 0 25px 0;
  	padding:30px;
  	background:#fff;
  	border:solid 1px #f3f4f7 !important;
  	z-index:999
  }

  .comment-avatar img {
  	float:left;
  }

  .comment-text {
  	position:relative;
  	margin-left:110px;
  	padding:0 0 0 15px
  }

  .comment-container .comment-date {
  	padding:15px 0;
  }

  .comment-avatar {
  	position:relative;
  	width:110px;
  	float:left;
  }

  .comment-author .author {
  	display:block;
  	font-weight:bold;
  }

  .commentlist .children li {
  	margin-left:30px;
  }

  .comment-notes {
  	font-size:12px;
  	margin:-25px 0 25px 0;
  }

  h3#reply-title,
  h3.comments {
  	height:30px;
  	line-height:30px;
  	margin:30px 0;
  }

  h3#reply-title small,
  .logged-in-as {
  	font-size: 15px;
  	margin:-25px 0 25px 0;
  }

  .comment-form input[type=text],
  .comment-form input[type=email],
  .comment-form textarea {
  	padding: 10px 2%;
  	background:#fff;
  	width: 100%;
  	margin:0 0 15px 0;
  	border:1px solid black;
  	color:#222222;
  	-webkit-transition: all .3s ease;
  	-moz-transition: all .3s ease;
  	-o-transition: all .3s ease;
  }

  .comment-form input[type=submit] {
  	background: #ff5e5e;
  	color: #fff;
  	border:none;
  	font-size:14px;
  	font-weight: 600;
  	text-align:center;
  	position:relative;
  	display: block;
  	text-shadow:none;
  	padding:10px 15px;
  	width:inherit;
  	margin:0;
  	-webkit-transition: color .3s ease, background-color .3s ease;
  	-moz-transition: color .3s ease, background-color .3s ease;
  	-o-transition: color .3s ease, background-color .3s ease;
  	transition: color .3s ease, background-color .3s ease;
  	cursor: pointer;
  }

  .comment-form input[type=submit]:hover ,
  .comment-form input[type=submit]:focus {
  	background-color:#248efa;
  	text-decoration:none
  }

  .logged-in-as a {
  	color:#222222;
  }

  .logged-in-as,
  .comment-notes,
  .comment-form-comment,
  .comment-form-author,
  .comment-form-email,
  .comment-form-url,
  .form-submit {
  	display:block;
  }

  /* ===============================================
     SIDEBARS
     =============================================== */

  .sidebar-area .textwidget img{
    width: 100%;
    height: auto;
  }
  .sidebar-area .sidebar-widget {
  	background: rgba(0, 0, 0, 0.03);
  	border: 1px solid rgba(0, 0, 0, 0.125);
  	margin-bottom: 25px;
  }
  .sidebar-area a,
  .sidebar-area p,
  .sidebar-area li,
  .sidebar-area address,
  .sidebar-area dd,
  .sidebar-area blockquote,
  .sidebar-area td,
  .sidebar-area th,
  .sidebar-area .textwidget {
  	line-height:1.9em;
  	font-weight: normal;
  }
  .sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
    list-style: none;
    margin: 0;
    padding: 0 15px;
  }
  .sidebar-area li a,
  .sidebar-area li {
    font-size: 15px;
    font-weight: 500;
  }
  .sidebar-area li {
    padding-bottom: 15px;
  }
  .sidebar-area .sidebar-widget .title {
    padding: 10px 15px;
    border-bottom: solid 2px #002c4a;
    color: #001f33;
    font-size: 30px;
  }
  .sidebar-area .tagcloud a {
    font-size: 15px !important;
    background: #fff;
    color: #121d21;
    padding: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    display: inline-block;
    margin: 5px 0;
    text-decoration: none;
  }
  .sidebar-area .tagcloud a:hover{
  	background: #ff5e5e;
  	color: #fff;
  }
  .sidebar-area form {
    padding: 15px;
  }
  .sidebar-area select,
  .sidebar-area textarea, #comments textarea,
  .sidebar-area input[type="text"], #comments input[type="text"],
  .sidebar-area input[type="password"],
  .sidebar-area input[type="datetime"],
  .sidebar-area input[type="datetime-local"],
  .sidebar-area input[type="date"],
  .sidebar-area input[type="month"],
  .sidebar-area input[type="time"],
  .sidebar-area input[type="week"],
  .sidebar-area input[type="number"],
  .sidebar-area input[type="email"],
  .sidebar-area input[type="url"],
  .sidebar-area input[type="search"],
  .sidebar-area input[type="tel"],
  .sidebar-area input[type="color"],
  .sidebar-area .uneditable-input{
  	-webkit-border-radius: 0;
  	-moz-border-radius: 0;
  	border-radius: 0;
  	width:100%;
  	padding: 5px 2%;
  	border: solid 1px #121d21;
  }
  #wp-calendar th,
  #wp-calendar
  #today,
  #wp-calendar
  #today a {
  	background:#f3f4f7;
  	color:#434343 !important;
  }
  #wp-calendar a:hover {
  	border:none;
  }
  #wp-calendar {
  	background: #fff;
  	width:100%;
  }
  #wp-calendar caption {
  	font-size: 14px;
  	text-transform:uppercase;
  	margin:0 0 10px 0;
  	text-align:left;
  }
  #wp-calendar th,
  #wp-calendar td {
  	text-align: center;
  	font-size: 14px;
  	color:#434343 !important;
  	padding:3px 6px;
  }
  #wp-calendar td a {
  	display:block;
  	text-align: center;
  	font-size: 14px;
  	color:#434343 !important;
  	text-decoration:underline
  }
  #wp-calendar td#prev a,
  #wp-calendar td#prev a{
  	text-decoration:none;
  	text-align:left;
  }
  #wp-calendar th{
  	font-weight:bold
  }
  tr:nth-child(2n+2) {
  	background-color: #f3f4f7;
  }
  .searchform label {
  	display: block;
  }
  .searchform input[type=text] {
    width: calc(100% - 110px);
    margin: 0;
    padding: 12px;
    float: left;
    background-color: #f3f4f7;
    border: none;
  }
  .searchform input[type=submit] {
  	background: #ff5e5e;
  	border: none;
  	color: #fff;
  	font-size:14px;
  	font-weight: 600;
  	text-align:center;
  	position:relative;
  	float:left;
  	text-shadow:none;
  	padding:14px 0;
  	width:100px;
  	margin:0 auto;
  	cursor: pointer;
  	-webkit-transition: color .3s ease, background-color .3s ease;
  	-moz-transition: color .3s ease, background-color .3s ease;
  	-o-transition: color .3s ease, background-color .3s ease;
  	transition: color .3s ease, background-color .3s ease;
  }

  .searchform input[type=submit]:hover ,
  .searchform input[type=submit]:focus {
  	background-color:#ff5e5e;
  	text-decoration:none
  }


  .searchform:after {
    content: "";
    display: table;
    clear: both;
  }
  .sidebar-area  .post-title{
  	font-size: 16px;
  }
  .sidebar-area .post-thumbnail img{
  	width: 100%;
    height: 75px;
    border-radius: 50%;
  }
  footer {
  	background: #002c4a;
  }

  footer .sidebar-area {
  	background: none;
  	padding: 25px 0 0 0;
  }

  footer a,
  footer p,
  footer .sidebar-area li,
  footer .sidebar-area address,
  footer .sidebar-area dd,
  footer .sidebar-area blockquote,
  footer .sidebar-area td,
  footer .sidebar-area th,
  footer .sidebar-area .title,
  footer .sidebar-area .textwidget {
  	color: #ffffff;
  }

  .size-auto,
  .size-full,
  .size-large,
  .size-medium,
  .size-thumbnail {
  	max-width: 100%;
  	height: auto;
  }

  img.size-auto,
  img.size-full,
  img.size-large,
  img.size-medium,
  img.alignleft,
  img.alignright,
  img.aligncenter,
  .attachment img {
  	max-width:100%;
  	height:auto;
  	margin-top: 20px;
  }
  .alignleft,
  img.alignleft {
  	display:inline;
  	float:left;
  	margin-right:24px;
  	margin-top:4px;
  }
  .alignright,
  img.alignright {
  	display:inline;
  	float:right;
  	margin-left:24px;
  	margin-top:4px;
  }
  div.aligncenter,
  img.aligncenter {
  	display: block;
  	margin-left: auto !important;
  	margin-right: auto !important;
  	float:none;
  }
  img.alignleft,
  img.alignright,
  img.aligncenter {
  	margin-bottom:12px;
  }
  .wp-caption {
  	background:#f1f1f1;
  	line-height:18px;
  	margin-bottom:25px;
  	max-width:100% !important;
  	padding:4px;
  	text-align:center;
  }
  .wp-caption img {
  	margin:5px 5px 0;
  	width:96%;
  	height:100%
  }
  .wp-caption p.wp-caption-text {
  	color:#888;
  	font-size:12px;
  	margin:5px;
  }

  /*SCROLL TO TOP BUTTON*/
  #button_scroll {
    display: inline-block;
    background: #ff5e5e;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, 
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    color: #fff;
  }
  #button_scroll::after {
    font-weight: normal;
    font-style: normal;
    font-size: 10px;
    line-height: 50px;
    color: #fff;
  } 
  #button_scroll.show {
    opacity: 1;
    visibility: visible;
  }
  #button_scroll ,
  #button_scroll::after{
    -webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  	transition: all 0.3s;
  }
  #button_scroll::before,
  #button_scroll::after{
    background: #002c4a;
    content: '';
    position: absolute;
    z-index: -1;
    color: #fff;
    border-radius: 3px;
  }
  #button_scroll:hover{
    color: #fff;
  }
  #button_scroll::after{
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
  }
  #button_scroll:hover:after{
    width: 100%;
  }
  a.close-search-form{
  	display: none;
  }

  /*PRELOADER*/
  /** page **/
  .cssloader {
    padding-top: calc(45vh - 25px);
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #212121;
    z-index: 99999;
  }

  /** loader **/
  .sh1 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: #ffb606 transparent transparent transparent;
    margin: 0 auto;
    animation: shk1 1s ease-in-out infinite normal;
  }

  .sh2 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 50px;
    border-color: transparent  transparent #002c4a transparent ;
    margin: -50px auto 0;
    animation: shk2 1s ease-in-out infinite alternate;
  }

  /** animation starts here **/
  @keyframes shk1 {
    0% {
      transform: rotate(-360deg);
    }  
    
    100% {
    }
  }

  @keyframes shk2 {
    0% {
      transform: rotate(360deg);
    }
    100% {
    }
  }
  .lt {
    color: #fff;
    margin: 30px auto;
    text-align: center;
    font-weight: 100;
    letter-spacing: 10px;
  }

  /*SRTICKY HEADER*/
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    background: transparent;
  }
  .admin-bar .sticky {
    margin-top: 32px;
  }
  .top-header .header-text, .top-header .header-email{
  	 color: #ffffff;
  }
  .top-header span.dashicons{
  	font-size: 18px;
  	margin: 5px 0;
  }
  .header-text span ,.header-email span{
  	font-size: 14px;
  }
   
  /*SLIDER SECTION*/ 

  #slider .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #carousel-caption { 
    top:8% ;
    bottom: 0;
    left: 0;
    right: 50%;
    color: #282828;
    padding-top: 4%;
    padding-left: 8%;
    padding-right: 10%;
    
  }
  #carousel-caption h2{
  	text-transform: uppercase;
  	color:#ffb606;
  }
  #carousel-caption h1{
    font-size: 46px;
    color: #fff!important;
    text-transform: uppercase;
  }
  #carousel-caption hr{
  	background:#ffb606;
  	width: 25%;
  	padding: 1px;
  }
  #carousel-caption p{
    color: #ffff;
  }
  #slider .owl-item.active h1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }
  #slider .owl-item.active h2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }
  #slider .owl-item.active p {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
  }

  #slider .owl-item.active h4 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
  }

  #carousel-caption span.dashicons {
  	width: 55px;
  	height: 55px;
  	font-size: 20px;
  	color: #fff;
  	position: relative;
  	border-radius: 50%;
  	padding: 15px 0;
  	transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;
  }
  #carousel-caption span.dashicons:after {
  	content: "";
  	width: 100%;
  	height: 100%;
  	transform: scale(0.8);
  	position: absolute;
  	border: 2px solid;
  	top: -2px;
  	left: -2px;
  	border-radius: 50%;
  	transition: all 0.3s ease;
  	align-self: center;
  }
  #carousel-caption span.dashicons:hover:after {
  	transform: scale(1);
  	box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
  }
  #carousel-caption span.dashicons:hover {
  		background-color: transparent;
  		transform: rotate(90deg);
  		cursor: pointer;
  		box-shadow: none;
  }
  #carousel-caption h4{
  	font-size: 30px;
  	color:#fff!important ;
  }
  #carousel-caption .call-text{
   margin-left: -50%;
   margin-right: -50%;
  }
  #slider .owl-dots {
    text-align: center;
    bottom:25px; 
    position: absolute;
    width: 100%;
  }
  #slider .owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    background: #ffffff;
    margin: 0 5px;
  }
  #slider .owl-dots button.owl-dot.active {
    background-color:#ffb606 ;
  }
  .wrapper{
    width:100%;
    overflow:hidden;
  }
  .frame{
    height:100%;
    width:100%;
  }
  .frame{
     -webkit-animation: zoomeffect 20s infinite;
     -moz-animation: zoomeffect 20s infinite;
     animation: zoomeffect 20s infinite;
  }
  @keyframes zoomeffect{
  	0%{
  		background-position:center;
  	  transform:scale(1,1);
  	}
  	50%{
  		background-position:center;
  	  transform:scale(2,2);
  	}
  	100%{
  		background-position:center;
  	  transform:scale(1,1);
  	}
  }
  @keyframes zoomeffect{
  	0%{
  		background-position:center;
  	  transform:scale(1,1);
  	}
  	50%{
  		background-position:center;
  	  transform:scale(1.3,1.3);
  	}
  	100%{
  		background-position:center;
  	  transform:scale(1,1);
  	}
  }

  /*Services Section*/

  #services span.dashicons {
  	width: 100px;
  	height: 100px;
  	font-size: 50px;
  	color: #fff;
  	position: relative;
  	border-radius: 50%;
  	padding: 20px;
  	transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;
  }
  #services span.dashicons:after {
  	content: "";
  	width: 100%;
  	height: 100%;
  	transform: scale(0.8);
  	position: absolute;
  	border: 2px solid;
  	top: -2px;
  	left: -2px;
  	border-radius: 50%;
  	transition: all 0.3s ease;
  	align-self: center;
    text-align: center;
  }
  #services span.dashicons:hover:after {
  	transform: scale(1);
  	box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
  }
  #services span.dashicons:hover {
  	background-color: transparent;
  	transform: rotate(90deg);
  	cursor: pointer;
  	box-shadow: none;
  }
  #services h5{
  	text-transform: uppercase;
  	font-size: 18px;
  	color: #fff;
  }
  #services p{
  	color: #fff;
  }
  #services .services_card1, 
  #services .services_card5,
  #services .services_card9{
  	background: #ffb606; 
  	height: 240px;   
  }
  #services .services_card2,
  #services .services_card8{
  	background: #002c4a;
  	height: 240px;
  }
  #services .services_card3,
  #services .services_card7{
  	background: #ffb606;
  	height: 240px;
  }
  #services .services_card4, 
  #services .services_card6,
  #services .services_card10{
  	background: #002c4a;
  	height: 240px;
  }

  /*COURSES SECTION*/

  #courses h3{
  	text-transform: uppercase;
  	font-size: 34px;
  	color: #ffb606;
  }
  #courses .courses-container{
  	background: #edeeee;
  }
  #courses .section-content{
  	color: #777777;
  	margin-left: 23%;
  	margin-right: 23%;
  }
  #courses hr{
  	background:#ff5e5e;
  	width: 12%;
  	padding: 1px;
  }
  #courses img.size-full{
  	margin-top: 0;
  }
  #courses figure{
  	margin: 0;
  	padding: 0;
  	background: #222222;
  	overflow: hidden;
  }
  #courses figure:hover+span{
  	opacity: 1;
  }
  #courses figure img{
  	webkit-transform: scale(1);
  	transform: scale(1);
  	-webkit-transition: .3s ease-in-out;
  	transition: .3s ease-in-out;
  }
  #courses figure:hover img{
  	-webkit-transform: scale(1.1);
  	transform: scale(1.1);
  	opacity: 0.5;
  }
  #homepage-product img.avatar.avatar-96.photo {
    height: 30px;
    width: 30px;
  }
  #homepage-product .learpress-content{
  	background: #002c4a;
    position: absolute;
    bottom: 17%;
    left: 15px;
    right: 15px;
    opacity: 0.8;
    top: 45%;
  }
  #homepage-product .courses-content {
    position: absolute;
    bottom: 60px;
    left: 15px;
    right: 15px;
  }
  #homepage-product .courses-content p{
  	text-transform: uppercase;
  	color: #fff;
  	font-weight: 600;
  }
  #homepage-product .courses-content h5 a{
  	color: #ffff;
  	font-weight: 600;
  	text-transform: uppercase;
  }
  #homepage-product .courses-content h5 a:hover{
  	color: #efc050;
  }
  #homepage-product .course-featured-review i.fas.fa-star{
  	color: #efc050;
  	font-size: 12px;
  }
  #homepage-product .courses-content p{
  	color: #fff;
  }
  #homepage-product .courses-admin{
  	background: #fff;
  	color: #222;
  	position: absolute;
  	left: 0;
  	right: 0;
  	top: 94%;
  }
  #homepage-product .courses-admin i.far.fa-clock{
  	color: #777777;
  }
  #homepage-product .courses-admin span{
  	color: #777777;
  	text-transform: lowercase;
  }
  #homepage-product .courses-admin .price{
  	color: #ff5e5e;
  	font-weight: 600;
  	margin-left: 0;
  	font-size: 18px;
  }
  #homepage-product .courses-admin p{
  	color: #777777;
  	font-size: 14px;
  }
  #homepage-product .owl-carousel .owl-nav.disabled {
    display: block;
    position: relative;
    text-align: center;
    top: 75px;
  }
  #homepage-product .owl-carousel .owl-nav button.owl-prev{
  	background: #ffffff;
    padding: 5px 15px !important;
    font-size: 25px;
    border: 1px solid #cdc7c7;
    color: #cdc7c7;
    outline: none;
  }
  #homepage-product .owl-carousel .owl-nav button.owl-next{
  	background: #ffffff;
    padding: 5px 15px !important;
    font-size: 25px;
    color: #cdc7c7;
    border: 1px solid #cdc7c7;
    outline: none;
  }

  .lp-archive-courses .course-title {
    font-size: 40px;
    margin: 10px 0;
    padding: 0;
  }
   /*LearnPress Section*/
  .lp-archive-courses .learn-press-courses-header h1{
  	color: #001f33;
  }
  .lp-archive-courses 
  .learn-press-courses[data-layout="list"] 
  .course .course-item .course-content 
  .course-permalink .course-title:hover{
  	color: #ff5e5e;
  }
  .lp-archive-courses .course-summary .course-summary-content .course-detail-info{
  	background: #002c4a ! important;
  } 
  .learnpress-page .lp-button, .learnpress-page #lp-button{
  	color: #fff !important;
  	cursor: pointer !important;
  	background: #ff5e5e !important;
  }
  .learn-press-breadcrumb li a {
    color: #002c4a !important;
  }
  .learn-press-breadcrumb{
  	margin: 25px auto 25px auto !important;
  }
  #learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons button.button-enroll-course,
  #learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons button.button-enroll-course:hover{
  	background: #ffb606 !important;
  }
  #learn-press-profile .wrapper-profile-header{
  	background: #002c4a !important;
  }
  #learn-press-profile .wrapper-profile-header .lp-profile-right .lp-profile-username{
  	font-size: 24px !important;
  	color: #ff5e5e !important;
  }
  #learn-press-profile .wrapper-profile-header .lp-profile-left{
  	bottom: 20% !important;
  	left: 25% !important;
  	width: 150px !important;
  	padding: 15px !important;
  }
  #learn-press-profile #profile-nav .lp-profile-nav-tabs li.active, #learn-press-profile #profile-nav .lp-profile-nav-tabs li:hover {
  	 background: #ff5e5e;
  }
  #popup-course #popup-header{
  	background: #002c4a !important;
  }
  #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .count-questions{
  	background:  #ff5e5e ! important;
  }
  .lp-archive-courses .learn-press-courses[data-layout="list"] .course .course-item .course-content .course-permalink .course-title:hover{
  	color:#ff5e5e  ;
  }
  #learn-press-course .course-summary-sidebar .course-sidebar-preview .media-preview {
    margin: 0 !important;
    text-align: center;
  }
  #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item.item-locked .course-item-status::before{
  	color: #ffb606 !important;
  }
  #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .item-icon:hover,
   #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .item-name:hover{
   	color:#ff5e5e !important ;
  }
  #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta:first-child{
   	color: #fff;
   	padding: 5px 20px;
   	height: 30px;
    width: auto;
  }
  #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item.current{
   	height: 80px;
  }
  .lp_profile_course_progress__nav button, html [type="button"], [type="reset"], [type="submit"]{
  	padding: 6px 15px;
  	color: #fff;
  	background: #ff5e5e;
  	border: none;
  	cursor: pointer;
  	outline: none;
  }
  .lp-archive-courses .learn-press-courses .course .course-item .course-content .course-permalink .course-title:hover{
  	color: #ff5e5e ;
  }
  #learn-press-profile #profile-sidebar{
  	float: none;
  	width: 100% !important;
  }
  #learn-press-profile #profile-content{
  	width: 100% !important;
  	float: none;
  }
  .lp-archive-courses .learn-press-courses .course .course-item{
  	height: 100% !important;
  }
  .lp-archive-courses .learn-press-courses .course .course-item .course-content .course-instructor a{
  	color:#001f33 !important ;
  	text-decoration: none;
  }
  .lp-archive-courses .learn-press-courses[data-layout="list"] .course .course-item .course-wrap-thumbnail{
  	width: auto !important;
  }
  .quiz-status > div{
  	background: #002c4a !important; 
  }
  .quiz-status .questions-index{
   color: #fff !important;
  }
  #popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers.current,
   #popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers:hover{
   	background: #ff5e5e;
   	color: #fff !important;
   	margin:0 20px;
   	border: none !important;
   	transition: background-color .3s ease;
  }
  #popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers{
  	border: none !important;
  }
   #popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers.next,
    #popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers.prev{
    background: #ff5e5e  !important;
   	color: #fff !important;
   	margin: 0 20px;
   	border: none;
   	padding: 10px 20px !important;
   	transition: background-color .3s ease;
   	outline: none;
  }
  .lp-archive-courses .learn-press-courses[data-layout="grid"] .course .course-item .course-content .course-permalink{
  	height:22px !important;
  }
  .wp-block-search .wp-block-search__button{
  background: #ff5e5e ;
  color: #fff;
  border: none;	
  outline: none;
  }
  input[type="text"], input[type="email"], input[type="number"], input[type="password"]{
  	width: 100%;
  }
  .sidebar-area .course-cover{
  	float: left;
  }
  .sidebar-area .course-cover img{
   width: 70px;
   height: 70px;
   border-radius: 50%;
   margin-right: 10px;
   margin-left: 10px;
  }
  .sidebar-area .course-detail {
      padding: 0 15px;
  }
  .sidebar-area .course-title{
  	font-size: 20px;
  	margin-top: 10px;
  	margin-bottom: 0;
  }


  /*facilities Section*/

  #facilities figure{
  	margin: 0;
  	padding: 0;
  	background: #222222;
  	overflow: hidden;
  }
  #facilities figure:hover+span{
  	opacity: 1;
  }
  #facilities figure img{
  	webkit-transform: scale(1);
  	transform: scale(1);
  	-webkit-transition: .3s ease-in-out;
  	transition: .3s ease-in-out;
  }
  #facilities figure:hover img{
  	-webkit-transform: scale(1.1);
  	transform: scale(1.1);
  	opacity: 0.5;
  }

  a.open-video {
    position: relative;
  }
  .cn {
    position: absolute;
    left: 40%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
  }
  .large {
    font-size: 80px;
    color: #fff;
    text-decoration: none;
  }
  .cn:hover .large {
   color: #ff5e5e; 
  }
  .video-section .education-skill-blog{
  	position:fixed;
  	top:0;
  	right:-100%;
  	width:100%;
  	height:100%;
  	padding:0;
  	z-index:1001;
  	visibility: hidden;
  	-webkit-transition-property: all , -webkit-transform;
      transition-property: all , transform;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
      transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  	background: rgba(255,255,255, 0.98) none repeat;
  	border:none !important;
  }
  .video-section .education-skill-blog .is-open {
  	right:0;
  	height:100%;
  	visibility: visible;
  	top: 30px;
  }
  .video-section  .education-skill-blog .is-open section{
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 50px;
  }
  .video-section .education-skill-blog a.close-video {
  	top:50px;
  	position:absolute;
  	margin-left:-13px;
  	left:50%;
  }
  .video-section .education-skill-blog i.videoblog-close-button {
  	font-size:25px;
  	color:#616161 !important;
  	opacity:0;
  	-webkit-transition: transform .2s linear;
  	-moz-transition: transform .2s linear;
  	-o-transition: transform .2s linear;
  	transition: transform .2s linear;
  }
  .video-section .education-skill-blog .is-open i.videoblog-close-button {
  	opacity:1;
  	position: relative;
  	bottom: 35px;
  }
  .video-section .education-skill-blog.is-open i.videoblog-close-button:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  #facilities a.open-video img{
  	width: 100%;
  }
  #facilities .facilities-text{
  	background: #002c4a;
  }
  #facilities .facilities-text h3{
  	text-transform: uppercase;
  	color: #ffff;
  	font-size: 30px;
  	padding-top: 27px;
  }
  #facilities .section-content{
  	color: #b7b7b7;
  	font-size: 14px;
  }
  #facilities .facilities-text h5{
  	color: #ffff;
  }
  #facilities hr{
  	background:#ff5e5e ;
  	width: 20%;
  	padding: 1px;
  }
  #facilities .content-scroll{
  	overflow-y: auto;
  	height: 365px;
  }
  #facilities .content-scroll::-webkit-scrollbar{
  	overflow-y: auto;
  	height: 365px;
  	width: 8px;
  	background: #F5F5F5;
  }
  #facilities .content-scroll::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  	background-color: #ffb606;
  	border-radius: 20px;
    margin-left: 15px; 
  }
  #facilities .text{
  	color: #b7b7b7;
  	font-size: 13.5px;
  } 

  #facilities span.dashicons {
  	width: 85px;
  	height: 85px;
  	font-size: 38px;
  	position: relative;
  	border-radius: 50%;
  	padding: 20px;
  	transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;
  }
  #facilities span.dashicons:after {
  	content: "";
  	width: 100%;
  	height: 100%;
  	transform: scale(0.8);
  	position: absolute;
  	border: 2px solid;
  	top: -2px;
  	left: -2px;
  	border-radius: 50%;
  	transition: all 0.3s ease;
  	align-self: center;
  }
  #facilities span.dashicons:hover:after {
  	transform: scale(1);
  	box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
  }
  #facilities span.dashicons:hover {
  	background-color: transparent;
  	transform: rotate(90deg);
  	cursor: pointer;
  	box-shadow: none;
  }

  #facilities .dashicons1,
  #facilities .dashicons4,
  #facilities .dashicons7{
  	color: #ffffff;
  }
  #facilities .dashicons2,
  #facilities .dashicons5,
  #facilities .dashicons8{
  	color: #ffffff;
  }
  #facilities .dashicons3,
  #facilities .dashicons6,
  #facilities .dashicons9{
  	color: #ffffff;
  }
  .facilities-content{
  	border: 1px solid #b7b7b7;
  }

  /*ABOUT US*/

  #about-us h3{
  	text-transform: uppercase;
  	font-size: 34px;
  	color: #ffb606;
  }
  #about-us hr{
  	background:#ff5e5e;
  	margin-right: 80%;
  	padding: 1px;
  }
  #about-us h5{
  	color: #ff5e5e;
  	font-size: 26px;
  }
  #about-us .clip-path{
  	background: #ffb606;
  	clip-path: polygon(0 0, 0 51%, 100% 0);
  	position: relative;
  	bottom: 25px;
  }
  #about-us .image1 {
    position: relative;
    right: 86%;
  }
  #about-us .image2{
  	position: absolute;
  	top: 55%;
  	right: 6%	;
  }
  #about-us i.fas.fa-chevron-right {
    background: #ffb606;
    padding: 6px 10px;
    border-radius: 30px;
    margin: 0 5px;
    font-size: 14px;
    width: 26px;
    color: #ffff;
  }

  #about-us .button1,
  #about-us .button1::after{
    -webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  	transition: all 0.3s;
  }
  #about-us .button1{
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 0;
    text-align: center;
    color: #ffff;
    transition: all 0.2s;
    text-decoration: none;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;	
    background: #ffb606;
  }
  #about-us .button1::before,
  #about-us .button1::after{
    background: #002c4a;
    content: '';
    position: absolute;
    z-index: -1;
    border-radius: 3px;
  }
  #about-us .button1:hover{
    color: #fff;
  }
  #about-us .button1::after{
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
  }
  #about-us .button1:hover:after{
    width: 100%;
  }

  /*Join Us*/

  #join-us {
  	background: #002c4a;
  }
  #join-us h3{
  	text-transform: uppercase;
  	font-size: 34px;
  	color: #ffff;
  } 
  #join-us .section-content{
  	color:#b7b7b7;
  	margin-left: 23%;
    margin-right: 23%;
  }
  #join-us hr{
  	background:#ff5e5e;
  	width: 10%;
  	padding: 1px;	
  }
  #join-us input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 35%;
    padding: 10px 20px;
    margin: 15px 10px;
    background: transparent;
    border: 1px solid #b7b7b7;
    color: #ffff;
  }
  #join-us .wpcf7-form-control-wrap ::placeholder{
  	color: #ffffff;
  }
  #join-us input.wpcf7-form-control.wpcf7-submit {
    width: 15%;
    padding: 10px 10px;
    background: #ffb606;
    border: none;
    text-transform: uppercase;
    color: #ffff;
    left: 5%;
    position: relative;
    cursor: pointer;
    transition: all 0.2s;
    margin-top: 15px;
    margin-bottom: 90px;
    border-radius: 3px;
  }
  #join-us input.wpcf7-form-control.wpcf7-submit:hover {
    background: #002c4a	;
  }

  /*COUNTER SECTION*/

  #counter {
  	background: #ffb606;
    transform: translateY(-60%);
    position: absolute;
    left: 10%;
    right: 10%;
  }
  #counter h4{
  	color: #ffff;
  	font-size: 40px;
  }
  #counter h5{
  	color: #fff;
  	text-transform: uppercase;
  	font-size: 17px;
  }
  #counter .counter-text{
    border-right: 1px solid #fff;
    margin: 50px -3px;
    padding: 25px 0px;
  }
   
  /*TEAM SECTION*/

  #team h3{
  	font-size: 34px;
  	text-transform: uppercase;
  	color: #001f33;
  }
  #team hr{
  	background:#ffb606 ;
  	width: 8%;
  	padding: 1px;
  }
  #team .section-content{
  	color: #777777;
    margin-left: 30%;
    margin-right: 30%;
  }
  #team .team-border{
  	position: absolute;
    right: 1px;
    left: 0px;
    bottom: 0;
    border-left: 2px solid #48a7d5;
    border-right: 2px solid #48a7d5;
    border-bottom: 2px solid #48a7d5;
    padding: 85px;
  }
  #team .team-text {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    background: #ffff;
    opacity: 0.7;
  }
  #team .team-text h5{
  	text-transform: uppercase;
  	font-weight: 600;
  }
  #team .owl-item:nth-child(odd) p{
  	color: #ff5e5e;
  }
  #team .owl-item:nth-child(even) p{
  	color: #48a7d5;
  }
  #team .owl-carousel .owl-item img{
  	display: inline-block;
  	width: auto;
  }
  #team .owl-carousel .owl-nav{
  	display: block;
  	position: relative;
    bottom: 100px;
    transform: translateY(-50px);
  }
  #team .owl-carousel .owl-nav button.owl-prev{
  	background: #ffffff;
    padding: 5px 15px !important;
    font-size: 20px;
    border: 1px solid #cdc7c7;
    float: left;
    left: -4%;
    position: relative;
    color: #cdc7c7;
  }
  #team .owl-carousel .owl-nav button.owl-next{
  	background: #ffffff;
    padding: 5px 15px !important;
    font-size: 20px;
    border: 1px solid #cdc7c7;
    float: right;
    right: -4%;
    position: relative;
    color: #cdc7c7;
  }
  #team figure {
  	margin: 0;
  	padding: 0;
  	/*background: #222222;*/
  	overflow: hidden;
  }
  #team figure:hover+span {
  	opacity: 1;
  }
  #team figure img {
  	webkit-transform: scale(1);
  	transform: scale(1);
  	-webkit-transition: .3s ease-in-out;
  	transition: .3s ease-in-out;
  }
  #team figure:hover img {
  	-webkit-transform: scale(1.3);
  	transform: scale(1.3);
  	/*opacity: 0.5;*/
  }

  /*OFFER SECTION*/

  #offer {
  	background: #1fc0da;
  }
  #offer .offer-text{
  	background: #fff;
  	position: absolute;
    transform: translateY(-50%);
    top: 50%;
  	left: 45%;
  	right: 5%;
  	padding-left: 10px;
    padding-right: 10px;
  }
  #offer .frontside-title{
  	text-transform: uppercase;
  	font-size: 30px;
  	color: #002c4a;
  }
  #offer .frontside-title::first-line{
     color: #ff5e5e;
  }
  #offer .frontside-title::second-line{
     color: #002c4a;
  }
  #offer .frontside h4{
  	font-size: 40px;
  	margin-bottom: -6px;
  	font-weight: 600;
  }
  #offer .backside h4{
  	font-size: 40px;
  	margin-bottom: -6px;
  	font-weight: 600;
  }
  #offer p{
  	color: #777777;
  }
  #offer .discount {
    background: #e8e4da;
    border-radius: 100px;
    width: 75px;
    margin: 0 40px;
    color: #ff5e5e;
    height: 75px;
    padding-top: 1px;
    padding-left: 2px;
  }
  #offer .discount i.fas.fa-percent{
  	font-size: 12px;
  	margin-left: -5px;
  }
  #offer .offer-text p{
  	font-size: 12px;
  }
  #offer .button,
  #offer .button::after{
    -webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  	transition: all 0.3s;
  }
  #offer .button{
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    color: #ffff;
    transition: all 0.2s;
    text-decoration: none;
    border-radius: 3px;
    text-transform: uppercase;	
    background: #ffb606;
  }
  #offer .button::before,
  #offer .button::after{
    background: #002c4a;
    content: '';
    position: absolute;
    z-index: -1;
    border-radius: 3px;
  }
  #offer .button:hover{
    color: #fff;
  }
  #offer .button::after{
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
  }
  #offer .button:hover:after{
    width: 100%;
  }
  .image-flip:hover .backside,
  .image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
  }
  .image-flip:hover .frontside,
  .image-flip.hover .frontside {
    transform: rotateY(180deg);
  }
  .mainflip {
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
  }
  .frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
  }
  .backside {
    position: absolute;
    top: 0;
    transform: rotateY(-180deg);
  }
  .frontside,
  .backside {
    backface-visibility: hidden;
    transition: 1s;
  }
  #offer .backside .offer-backside{
  	background: transparent;
  	position: absolute;
  	bottom: 10px;
  	left: 0%;
  	right: 0%;
  	padding-left: 15px;
    padding-right: 15px;
    color: #fff;
  }
  #offer .backside .backside-title{
  	color: #ffff;
  	text-transform: uppercase;
  	font-size: 22px;
  }
  #offer .backside .discount-backside {
    background: #e8e4da;
    border-radius: 100px;
    width: 80px;
    position: relative;
    left: 40%;
    color: #ff5e5e;
    height: 80px;
    padding-top: 1px;
    padding-left: 2px;
  }
  #offer .discount-backside i.fas.fa-percent{
  	font-size: 12px;
  	margin-left: -5px;
  }
  #offer .backside p{
  	color: #fff;
  }

  /*TESTIMONIAL SECTION*/

  #testimonial .owl-carousel .owl-item img{
  	width: auto;
  }

  #testimonial span i{
  	font-size: 60px;
  	color: #ffb606;
  }
  #testimonial h3{
  	text-transform: uppercase;
  	color: #001f33;
  }
  #testimonial hr{
  	background:#ff5e5e ;
  	width: 15%;
  	padding: 1px;
  }
  #testimonial .content p{
  	color: #001f33;
  }
  .Stars {
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    color: #fff;
  } 
  .Stars:before {
    content: '★★★★★';
    letter-spacing: 3px;
    background:  #efc050;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }


  /*LATEST NEWS*/

  #leatest-news h3{
  	font-size: 34px;
  	text-transform: uppercase;
  	color: #001f33;
  }
  #leatest-news hr{
  	background:#ffb606 ;
  	width: 8%;
  	padding: 1px;
  }
  #leatest-news .section-content{
  	margin-left: 23%;
  	margin-right: 23%;
  	color: #777777;
  }
  #leatest-news .post-box {
    background: #ffff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0;
    box-shadow: 0 10px 13px -7px  rgb(0 0 0 / 34%);
  }
  #leatest-news .righttitle a, #leatest-news .lefttitle a{
  	color: #001f33;
  	font-weight: 600;
  	font-size: 20px;
  }
  #leatest-news .righttitle a:hover, 
  #leatest-news .lefttitle a:hover{
  	color: #ffb606;
  }
  #leatest-news img{
  	width: 100%;
  }
  #leatest-news .latest-content{
  	color: #777777;
  	font-size: 14px;
  	margin-bottom: 0;
  }
  #leatest-news .post-date {
    position: absolute;
    bottom: 90%;
    left: 78%;
    background: #ffb606;
    right: 30px;
    top: 1px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
  }
  #leatest-news figure {
  	margin: 0;
  	padding: 0;
  	background: #222222;
  	overflow: hidden;
  }
  #leatest-news figure:hover+span {
  	opacity: 1;
  }
  #leatest-news figure img {
  	webkit-transform: scale(1);
  	transform: scale(1);
  	-webkit-transition: .3s ease-in-out;
  	transition: .3s ease-in-out;
  }
  #leatest-news figure:hover img {
  	-webkit-transform: scale(1.1);
  	transform: scale(1.1);
  	opacity: 0.5;
  }

  /*NEWSLETTER*/

  #newsletter{
  	background: #ffb606;
  }
  #newsletter .dashicons{
  	color: #ffff;
  	font-size: 60px;
  	margin-top: 5px;
  }
  #newsletter h3{
  	text-transform: uppercase;
  	color: #fff;
  	font-size: 36px;
  	left: 70px;
    position: relative;
    bottom: 8px
  }
  #newsletter p{
  	color: #ffff;
  	font-size: 14px;
  }
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
    padding: 10px 15px;
    border-radius: 20px 0 0 20px;
    font-size: 14px;
    border: none;
    outline: none;
    width: 73%;
  }
  #newsletter input.wpcf7-form-control.wpcf7-submit {
    padding: 10px 15px;
    border: none;
     border-radius: 0  20px 20px 0;
    font-size: 14px;
    background: #002c4a;
    color: #fff;
    cursor: pointer;
  }
  #newsletter input.wpcf7-form-control.wpcf7-submit:hover{
  	color: #ffb606;
  }


  /*FOOTER SECTION*/

  .footer-area {
    margin-left: 0;
  }
  .footer-area h4.title {
    color: #ffff;
    font-size: 24px;
    letter-spacing: 1px;
    margin-top: 25px;
    text-transform: uppercase;
  }
  .footer-area p{
    color: #cecece;
  }
  .footer-area h3{
  	text-transform: uppercase;
  	color: #ffff;
  }
  .footer-area .fas, .footer-area .far {
  	color: #efc050;
  	margin: 0 10px 0 0;
  }
  .footer-area ul{
    padding: 0px;
    list-style: none;
    line-height: 2.5;
  }
  .footer-area #block-23 strong{
  	font-size: 24px;
  }
  .footer-area  .post-title{
  	font-size: 16px;
  }
  .footer-area .post-thumbnail img{
  	width: 100%;
    height: 60px;
    border-radius: 50%;
  }
  .copyright{
    border-top: 1px solid #9f9f9f;
  }
  .copyright p{
    font-size: 15px;
    color: #9f9f9f;
  }
  .copyright a{
    color: #ff5e5e;
  }

  /*Contact Page*/
   
  #contact h3{
  	font-size: 50px;
  	color: #ffff;
  }
  #contact p{
  	font-size: 20px;
  	color: #cecece;
  }
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 46%;
    border-radius: 50px;
    padding:10px 15px;
    margin: 0px 10px 10px 10px;
    background: #eee;
    outline: none;
    border: none;
  }
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
    width: 46%;
    border-radius: 50px;
    padding:10px 15px;
    margin: 10px 10px;
    background: #eee;
    outline: none;
    border: none;
  }
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 96%;
    border-radius: 20px;
    height: 150px;
    padding: 15px;
    background: #eee;
     outline: none;
     border: none;
     margin: 10px;
  }
  #contact  input.wpcf7-form-control.wpcf7-submit {
    float: right;
    right: 17px;
    border-radius: 20px;
    position: relative;
    background: #ffb606;
    border: none;
    cursor: pointer;
    color: #fff;
    padding: 10px 20px;
  }
  #contact  input.wpcf7-form-control.wpcf7-submit:hover{
  	background: #002c4a;
  }
  #contact h4{
  	color: #fff;
  }
  #contact-form .section-2 h2{
  	font-size: 50px;
  	font-weight: 600;
  	color: #001f33;
  }
  #contact-form .section-2 h4{
  	font-size: 18px;
  }
  #contact-form .section-2 h4 span{
  	font-size: 20px;
    color: #ff3f39;
    margin-right: 15px;
  }
  .aks-accordion-item-row {
    display: flex;
    justify-content: flex-start;
  }
  .aks-accordion-item-icon {
    width: 25px;
    height: 25px;
    border-radius: 9999px;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    text-align: center;
  }
  .aks-accordion-item-icon .fas{
    color: #ff3f39;
    margin:0 20px;
  }
  .aks-accordion-item-title {
    width: 90%;
    text-align: left;
    line-height: 1.5;
    display: flex;
    align-items: center;
    border-bottom: 2px solid rgba(0,0,0,0.12);
    margin-left: 50px;
  }
  .aks-accordion-item-content {
    display: none;
    width: 100%;
    overflow: hidden;
    word-break: break-word;
    text-align: left;
    line-height: 1.5;
    margin-left: 48px;
    margin-top: 10px;
  }
  .aks-accordion-item.opened .aks-accordion-item-icon-open {
    display: none;
  }
  .aks-accordion-item-icon-close {
    display: none;
  }
  .aks-accordion-item.opened .aks-accordion-item-icon-close {
    display: block;
  }
  .aks-accordion h6{
    font-size:16px;
    color: #666;
    font-weight:600;
    margin-right: 60%;
  }

  .contact-info .blog_card1{
  	background: #ffb606;
  	color: #fff;
  	box-shadow: 0px 40px 60px -30px rgb(0 0 0 / 34%);
  }
  .contact-info .blog_card2{
  	background: #002c4a;
  	color: #fff;
  	box-shadow: 0px 40px 60px -30px rgb(0 0 0 / 34%);

  }
  .contact-info .blog_card3{
  	background: #ffb606;
  	color: #fff;
  	box-shadow: 0px 40px 60px -30px rgb(0 0 0 / 34%);
  }
  .contact-info  .dashicons{
  	font-size: 35px;
  	display: inline-block;
    margin: 5px 0;
  }
  .contact-info a.button {
    display: inline-block;
    text-align: center;
    color: #ffff;
    transition: all 0.2s;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;	
  }
  .contact-info .button:hover {
    color: #ff5e5e;
  }
  .enquiry .dashicons{
  	font-size: 40px;
  	display: inline;
  	color:#ff5e5e ;
  }
  .enquiry h6{
  	font-size: 22px;
  	font-weight: 600;
  	color: #001f33;
  }
  .enquiry p{
  	color: #666;
  	font-size: 18px;
  }

  h2.wp-block-heading {
    padding: 10px 15px;
    border-bottom: 1px solid #001f33;
    color: #001f33;
  }
  /* Woocommerce css*/
  .woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
    top: 10px;
    right: 10px;
    left: auto;
    margin: 0;
    line-height: 3;
    background: #ffb606;
    border-radius: 5px;
  }
  .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #ffb606;
    display: block;
    margin-bottom: 0;
    font-size: 18px;
  }
  .is-large.wc-block-cart .wc-block-cart-items {
    margin-left: 15%;
    width: 90%;
  }
  .wc-block-cart .wc-block-cart__submit-container {
    padding: 0px;
    text-decoration: none ;
    border: 1px solid;
  }
  .wc-block-components-sidebar-layout .wc-block-components-main {
    box-sizing: border-box;
    margin: 0;
    padding-right: 12px;
    width: 57%!important;
  }
  .wc-block-cart .wc-block-cart__submit-container:hover{
    border-color: #ffb606;
    text-decoration: none;
  }
  nav.woocommerce-MyAccount-navigation ul li{
    padding: 10px;
    background: #ffb606;
    color: #000!important;
    border: solid 1px #000 ;
  }
  /*MEDIA QUERY 320 TO 720*/

  @media only screen and (min-width: 320px) and (max-width: 720px){
  	
  	#main-menu ul.children li a, #main-menu ul.sub-menu li a{
  		color: #fff;
  	} 
    a.cart-customlocation p.cart-item-box{
    	right: 60px;
    }
    #carousel-caption {
      padding-top: 5%;
      padding-left: 4%;
      padding-right: 8%;
    }
    #carousel-caption h2{
    	display: none;
    }
    #carousel-caption h1{
    	font-size: 20px;
    }
    #carousel-caption p{
    	display: none;
    }
    #carousel-caption .call-text{
    	display: none;
    }
    #carousel-caption span.dashicons {
      padding: 4px 0;
      font-size: 12px;
      width: 20px;
      height: 20px;
    }
    #carousel-caption hr{
    	margin-top: 0;
    	margin-bottom: 0;
    }
    #services h5{
    	font-size: 20px;
    }
    #slider .owl-dots{
    	bottom: 5px;
    }
    #services  .owl-dots {
  	  text-align: center;
  	  bottom:10px; 
  	  position: absolute;
  	  width: 100%;
  	}
  	#services  .owl-dots button.owl-dot {
  	  width: 12px;
  	  height: 12px;
  	  border-radius: 50%;
  	  display: inline-block;
  	  background: #ffffff;
  	  margin: 0 5px;
  	}
  	#services  .owl-dots button.owl-dot.active {
  	  background-color:#ff5e5e;
  	}
    #courses .section-content {
      margin-left: 0;
      margin-right: 0;
    }
    .course-summary .course-summary-sidebar {
      position: unset !important;
    }
    .course-summary .course-summary-sidebar.slide-top .course-summary-sidebar__inner {
      position:unset !important;
    }
    #homepage-product .owl-carousel .owl-nav.disabled{
  		top: 45px;
  	}
    #homepage-product .learpress-content{
    	bottom: 8%;
    	top: 44%;
    }
    #about-us hr{
    	width: 30%;
    	margin-right: 35%;
    }
    .video-section .education-skill-blog .is-open {
      top: 0;
    }
    .video-section .education-skill-blog{
    	padding: 50px 0;
    }
    #facilities a.open-video img{
  	width: 100% !important;
    }
    #about-us .clip-path{
    	display: none;
    }
    #about-us .image1 {
  	  right: 0;
  	  width: 100%;
    }
    #about-us .image2 {
      position: relative;
      top: 15px;
      right: 0;
      width: 100%;
    }
    #join-us hr, #facilities hr, #team hr, #courses hr, #leatest-news hr{
    	width: 30%;
    }
    #join-us .section-content {
      margin-left: 0;
      margin-right: 0;
    }
    #join-us input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    	width: 70%;
    }
    #join-us input.wpcf7-form-control.wpcf7-submit{
    	width: 40%;
    	left: 15%;
    	margin-bottom: 0;
    }
    #counter {
      transform: translateY(-0%);
      position: relative;
      left: 0;
      right: 0;
    }
    #counter .counter-text {
      margin: 20px 0;
      padding: 20px 0;
      border-right: none;
    }
    #counter .owl-dots {
  	  text-align: center;
  	  bottom:20px; 
  	  position: relative;
  	  width: 100%;
  	}
  	#counter .owl-dots button.owl-dot {
  	  width: 12px;
  	  height: 12px;
  	  border-radius: 50%;
  	  display: inline-block;
  	  background: #ffffff;
  	  margin: 0 5px;
  	}
  	#counter .owl-dots button.owl-dot.active {
  	  background-color:#002c4a ;
  	}
    #team .section-content {
      margin-left: 0;
      margin-right: 0;
    }
    #team .owl-carousel .owl-item img{
    	width: auto;
    }
    #team .owl-carousel .owl-nav{
      display: none;
    }
    #team .owl-dots {
      text-align: center;
      top: 15px;
      position: relative;
      width: 100%;
    }
    #team .owl-dots button.owl-dot {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      display: inline-block;
      background: #002c4a;
      margin: 0 5px;
    }
    #team .owl-dots button.owl-dot.active {
      background-color:#ff5e5e ;
    }
    #offer .offer-text {
      right: 2%;
    }
    #offer .frontside-title{
    	font-size: 26px;
    }
    #offer .offer-text p{
    	display: none;
    }
    #offer .frontside a.button{
    	margin-top: 30px;
    }
    #offer .button{
      font-size: 14px;
    }
    #offer .discount{
    	margin: 0 40px;
    	width: 60px;
    	height: 60px;
    }
    #offer .frontside h4{
    	font-size: 24px;
    }
    #offer .backside h4{
    	font-size: 24px;
    }
    #offer .backside .discount-backside{
    	width: 60px;
    	height: 60px;
    }
    #offer .owl-carousel .owl-item img{
    	width: 100%;
    }
    #offer .owl-dots {
  	  text-align: center;
  	  top: 15px;
  	  position: relative;
  	  width: 100%;
  	}
  	#offer .owl-dots button.owl-dot {
  	  width: 12px;
  	  height: 12px;
  	  border-radius: 50%;
  	  display: inline-block;
  	  background: #ffffff;
  	  margin: 0 5px;
  	}
  	#offer .owl-dots button.owl-dot.active {
  	  background-color:#ff5e5e ;
  	}
  	#offer .backside .backside-title{
  		font-size: 18px;
  	}
  	#offer .backside .offer-backside{
  		top: 5px;
  	}
  	#testimonial .owl-dots {
  	  text-align: center;
  	  top: 15px;
  	  position: relative;
  	  width: 100%;
  	}
  	#testimonial .owl-carousel .owl-item img{
  		width: 100%;
  	}
  	#testimonial .owl-dots button.owl-dot {
  	  width: 12px;
  	  height: 12px;
  	  border-radius: 50%;
  	  display: inline-block;
  	  background: #ffffff;
  	  margin: 0 5px;
  	}
  	#testimonial .owl-dots button .owl-dot .active {
  	  background-color: #ff5e5e;
  	}
  	#leatest-news .post-date {
      bottom: 84%;
      left: 64%;
      top: 1px;
      right: 25px;
    }
    #leatest-news .section-content{
    	margin-left: 0;
    	margin-right: 0;
    }
    #leatest-news img{
    	height: auto;
    }
    #newsletter .dashicons {
      display: inline;
    }
    #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
    	width: 70%;
    }
    #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
    #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
      width: 70%;
      padding: 8px 15px;
    }
    #contact textarea.wpcf7-form-control.wpcf7-textarea{
      width: 70%;
      height: 100px;
    }
    #contact input.wpcf7-form-control.wpcf7-submit {
      right: 90px;
      padding: 6px 20px;
    }
    #contact-form .section-2 h2{
    	font-size: 26px;
    }
    .aks-accordion h6{
    	margin-right: 50%;
    }
    .aks-accordion-item-content{
    	margin-left: 0;
    }
    .aks-accordion-item-title{
    	margin-left: 15px;
    }
    #newsletter h3{
    	left: 0;
    }
    .contact-info .dashicons {
      display: initial;
    }
    .footer-area .wp-block-image{
    	margin: 30px 0 1em;
    }
    .sidebar-area .post-thumbnail img{
    	height: 54px;
    }
  }
   
  /*MEDIA 721 TO 1023*/
  @media only screen and (min-width: 721px) and (max-width: 1023px){
  	.top-header .button1, .top-header .button2 {
      padding: 10px 5px;
      font-size: 12px;
    }
  	.logo-image {
      float: none;
    }
  	.header-text span, .header-email span {
      font-size: 12px;
    } 
  	a.cart-customlocation p.cart-item-box{
  		right: 10px;
  	}
  	#main-menu ul li a{
  		padding: 10px 12px;
  	}
  	#carousel-caption{
    	padding-left: 3%;
    }
  	#carousel-caption h1{
  		font-size: 30px;
  	}
  	#carousel-caption h2{
  		font-size: 20px;
  	}
  	#carousel-caption p{
  		display: none;
  	}
  	.course-summary .course-summary-sidebar.slide-top .course-summary-sidebar__inner {
      position:unset !important;
    }
    #learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons form,
     #learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons button{
     	width: 50% !important;
     	position: relative;
      left: 25%;
     }
  	#homepage-product .owl-carousel .owl-nav.disabled{
  		top: 45px;
  	}
  	.course-summary .course-summary-sidebar {
      position: unset !important;
    }
  	#facilities a.open-video img{
  	width: 100% !important;
    }
  	#homepage-product .courses-admin .price{
  		margin-left: 25%;
  	}
  	#homepage-product .learpress-content{
  		bottom: 13%;
  		top: 54%;
  	}
  	#about-us .image1{
  		right: 50%;
  	}
  	#about-us .image2 {
      position: absolute;
      top: 44%;
      right: 29%
    }
    #counter {
      transform: translateY(-60%);
    }
    #join-us .section-content {
      margin-left: 8%;
      margin-right: 8%;
    }
    #join-us input.wpcf7-form-control.wpcf7-submit{
    	margin-bottom: 50px;
    }
    #counter .counter-text{
    	margin: 10px -5px;
    	padding: 15px 0px;
    }
    #offer h3{
    	font-size: 28px;
    }
    #offer .frontside h4{
    	font-size: 24px;
    }
    #offer .discount{
    	width: 60px;
    	height: 60px;
    }
    #team .owl-carousel .owl-item img{
    	width: auto;
    }
    #team .section-content {
      color: #777777;
      margin-left: 15%;
      margin-right: 15%;
    }
    #team .team-border{
    	right: 35px;
    	left: 35px;
    }
    #team .owl-carousel .owl-nav{
    	bottom: 70px;
    }
    #team .owl-carousel .owl-nav button.owl-next{
    	right: -3%;
    }
    #team .owl-carousel .owl-nav button.owl-prev{
    	left: -3%;
    }
    #testimonial .owl-carousel .owl-item img{
  		width: 100%;
  	}
  	#leatest-news img{
    	height: auto;
    }
    #leatest-news .section-content,#courses .section-content{
    	margin-left: 8%;
    	margin-right: 8%;
    }
    #leatest-news .post-date {
      left: 66%;
      right: 30px;
      top: 1px;
    }
    #newsletter .dashicons{
    	margin-top: 0;
    }
    .contact-info .dashicons {
      display: initial;
    }
    #contact-form .section-2 h2{
    	font-size: 34px;
    }
    #contact-form .section-2 h4 span{
    	font-size: 20px;
    }
    .aks-accordion-item-title{
    	margin-left: 0;
    }
    .aks-accordion h6{
    	margin-right: 35%;
    }
    .aks-accordion-item-content{
    	margin-left: 0;
    }
    #newsletter h3 {
      bottom: 20px;
      font-size: 34px;
    }
    #newsletter input.wpcf7-form-control.wpcf7-submit{
    	padding: 10px 10px;
    }
    #contact textarea.wpcf7-form-control.wpcf7-textarea{
    	width: 92%;
    }
    #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number,
    #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    	width: 44%;
    }
    .sidebar-area .course-title{
    	font-size: 17px;
    }
    .sidebar-area .course-description {
      font-size: 14px;
    }
    .sidebar-area .sidebar-widget .title{
    	font-size: 22px;
    }
  }

  /*MEDIA 1024 TO 1119*/
  @media only screen and (min-width: 1024px) and (max-width: 1199px){
    .top-header .button1, .top-header .button2 {
     	padding: 10px 15px;
      font-size: 12px;
    }
    .logo-image img{
      width: 100%;
    }
    a.cart-customlocation p.cart-item-box{
    	right: 20px;
    }
    #main-menu ul li a{
    	padding: 10px 10px;
    }
    #carousel-caption {
      padding-top: 2%;
      padding-left: 3%;
      padding-right: 8%;
    }
    #carousel-caption h2{
    	font-size: 18px;
    }
    #carousel-caption h1{
    	font-size: 30px;
    }
    #counter .counter-text{
    	margin: 30px -5px;
    }
    #homepage-product .courses-admin .price{
    	margin-left: 3%;
    	font-size: 16px;
    }
    #homepage-product .courses-admin p{
    	font-size: 12px;
    }
    #homepage-product .courses-admin{
      top: 90%;
    }
    #homepage-product .owl-carousel .owl-nav.disabled{
      top: 95px;
    }
    #about-us .image2 {
      position: absolute;
      top: 60%;
      right: -10%;
    }
    #counter h5{
    	font-size: 13px;
    }
    #team .section-content{
    	margin-left: 25%;
    	margin-right: 25%;
    }
    #team .owl-carousel .owl-nav button.owl-prev{
    	left: -5%;
    }
    #team .owl-carousel .owl-nav button.owl-next{
    right: -5%;
    }
    #offer .frontside-title{
    	font-size: 24px;
    }
    #offer .frontside h4{
    	font-size: 18px;
    }
    #offer .backside h4{
    	font-size: 22px;
    }
    #offer .discount{
    	width: 45px;
    	height: 45px;
    	margin: 0 40px;
    }
    .discount span{
    	font-size: 13px;
    }
    #offer a.button{
    	font-size: 12px;
    }
    #offer .backside .offer-backside{
    	top: 0;
    }
    #offer .backside .discount-backside{
    	width: 60px;
    	height: 60px;
    }
    #leatest-news .post-date {
      left: 74%;
      top: 2px;
    }
    #newsletter h3{
    	position: relative;
    	bottom: 15px;
    }
    #leatest-news img{
    	height: auto;
    }
    .aks-accordion h6{
    	margin-right: 45%;
    }
    .aks-accordion-item-content{
    	margin-left: 40px;
    }
    #contact-form .section-2 h4{
    	font-size: 16px;
    }
  }