@media screen and (min-width:1400px) {
  .slide .slider-text {
    top: 25%
  }
}


/* header and slider */


@media screen and (max-width:430px) {
  .bg-images {
    display: none;
  }
}

@media screen and (min-width:431px) {
  .bg-images-2 {
    display: none;
  }
}



@media screen and (min-width:991px) and (max-width:1027px) {
  .nav_logo {
    width: 235px;
  }
}



@media screen and (max-width:1024px) {
  .slide .slider-text .title h2 {
    font-size: 65px;
  }

  .slide .slider-text.text-1 .title h2 {
    font-size: 50px;
  }
}

@media screen and (max-width:991px) {

  .nav_menu,
  .nav_icons,
  #container_menu {
    display: none;
  }

  .singin-icon{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 35px;
    border:3px solid #17d0cf;
    color: white;
    font-size: 20px;
    text-align: center;
    border-radius: 100%;
    margin-right:6px;
    cursor: pointer;
  }

  .mob_menu_icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  nav .mobile_menu {
    display: block;
  }
  .mob_logo {
    display: none;
  }
}


@media screen and (max-width:991px) {

  .nav_logo img {
    display: none;
  }
}

@media screen and (max-width:860px) {
  .nav {
    max-width: 96% !important;
  }

  .slide .slider-text {
    max-width: 100%;
    text-align: center;
    padding: 0;
  }

  .slide .slider-text .subtitle,
  .slider-text.text-1 .subtitle {
    font-size: 16px;
    letter-spacing: 5px;
    display: flex;
    justify-content: center;
  }

  .slide .slider-text.text-2 .title h2 {
    font-size: 40px;
  }
}


@media screen and (max-width:560px) {
  .slide .slider-text {
    top: 28%;
  }

  .sponsor-item img {
    max-width: 150px;
  }

  .slide .slider-text.text-1 {
    top: 32%;
  }

  .slide .slider-text .subtitle span::before,
  .slide .slider-text .subtitle span::after {
    display: none;
  }

  .slide .slider-text .title h2 {
    font-size: 55px;
  }

  .slide .slider-text.text-1 .title h2 {
    font-size: 35px;
  }

  .slide .slider-text.text-2 .title h2 {
    font-size: 30px;
  }

  .countdown-timer ul li {
    margin-right: 5px;
    width: 75px;
  }

  .countdown-timer span {
    font-size: 12px;
  }

  .countdown-timer .number {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .menubar_icon {
    height: 25px;
    width: 25px;
  }
  .mob_logo {
    display: block;
  }
  .tab_logo{
    display: none;
  }
  .singin-icon{
    width: 33px;
    height: 33px;
    line-height: 28px;
    font-size: 14px;

  }
  .sponsor-item img {
    max-width: 150px;
  }

  /* .sort-by {
    margin-top: 20px;
    margin-left: 1% !important;
  } */


  .main,
  .slide.swiper-slide {
    /* height: 80vh; */
  }

  .slide .slider-text,
  .slide .slider-text.text-2,
  .slide .slider-text.text-3 {
    position: relative;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    padding: 0px !important;
  }

  .slide .slider-text.text-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    padding: 0px !important;

  }

  .slide .slider-text .subtitle,
  .slider-text.text-1 .subtitle {
    font-size: 14px;
    letter-spacing: 7px;

  }

  .slide .slider-text .title h2 {
    font-size: 40px;

  }

  .slide .slider-text.text-1 .title h2 {
    font-size: 35px;
    line-height: 1em;
    margin-top: 10px;
  }

  .nav-btn {
    display: none;
  }
}
/* End */

/* sponsor */
@media only screen and (max-width: 500px) {
  .sponsor-item {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/* END */

/* popular course */
@media screen and (max-width: 991px) {
  .course-viewer li {
    padding: 5px 5px;
    margin: 1px;
  }
}

@media screen and (max-width: 767px) {
  .popular-course-section {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 480px) {
  .section-title.mb20.headline.text-left {
    text-align: center !important;
  }

  .course-item-pic-text {
    max-width: 370px;
  }

  .course-item-pic-text {
    max-width: 370px;
  }

}

@media screen and (max-width: 360px) {
  .section-title .subtitle {
    letter-spacing: 3px;
  }

  .section-title h2 {
    font-size: 30px;
  }
}


@media screen and (max-width: 1200px) {
  .course-meta {
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
  }

  .course-meta span {
    font-size: 14px;
    margin-right: 24px;
    position: relative;
    white-space: nowrap;
  }
}

@media screen and (max-width: 480px) {
  .section-title h2 {
    font-size: 36px;
  }
}

@media screen and (max-width: 375px) {
  .section-title .subtitle {
    letter-spacing: 2px;
  }
}

@media screen and (max-width: 480px) {
  .owl-nav {
    position: relative;
    top: 10px;
    right: 120px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 412px) and (max-width:430px) {
  .owl-nav {
    position: relative;
    top: 10px;
    right: 140px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 420px) and (max-width:480px) {
  .course-item-pic-text {
    position: relative;
    left: 20px;
  }
}

@media screen and (max-width: 590px) {
  .section-title .subtitle {
    letter-spacing: 2px;
  }

  .section-title h2 {
    font-size: 40px;
    font-weight: 300;
    color: #333333;
  }
}

@media screen and (min-width: 360px) and (max-width:412px) {
  .course-item-pic-text {
    position: relative;
    left: 2px;
  }

  .owl-nav {
    position: relative;
    top: 10px;
    right: 110px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 412px) and (max-width:430px) {
  .course-item-pic-text {
    position: relative;
    left: 8px;
  }

  .owl-nav {
    position: relative;
    top: 10px;
    right: 130px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 430px) and (max-width:456px) {
  .course-item-pic-text {
    position: relative;
    left: 16px;
  }
}

/* END */

/* about us  */
@media screen and (max-width:1140px) {
  #full-container {
    width: 85%;
    height: 60%;
  }

  #form-full-container {
    min-width: 40%;
  }
}

@media screen and (max-width:1140px) {
  .about-head {
    font-size: 30px;
  }
}



@media screen and (max-width: 907px) {
  .side-bar-widget .genius-btn a {
    font-size: 13px !important;
}

  .about-page-section .col-md-3{
    padding-left: 0px;
  }

  .about-page-section .genius-btn{
    padding: 0 5px;
  }
}

@media screen and (max-width:854px) {
  #full-container {
    flex-wrap: wrap;
    justify-content: center;
  }


    .about-content-text .genius-btn{
      max-width: 100%;
      display: block;
      margin-right: 0px;
    }


  .bottom-btn-whole {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }

  #form-full-container {
    min-width: 60%;
    height: auto;
    padding: 30px 0;
  }
}

@media screen and (max-width:445px) {
  #form-full-container {
    min-width: 90%;
  }
}

@media screen and (max-width:400px) {
  #form-full-container {
    min-width: 99%;
  }
}

@media screen and (max-width:767px) {
  .find-course .genius-btn{
    max-width: 100%;
  }
}

/* END */

/* search-course */
@media screen and (max-width: 1024px) {
  .counter-icon {
    margin-right: 5px;
  }
  .counter-number{
    margin-left: 7px;
  }
}



@media screen and (max-width: 991px) {
  .counter-icon {
    width: 40px;
    border-right: none;
  }

  .about-us-text {
    padding-bottom: 30px;
  }

  .home-secound-course-search .genius-btn {
    width: inherit;
  }
}

@media screen and (max-width: 890px) {
  .counter-number p {
    font-size: 10px;
    font-weight: 700;
  }

  .counter-number .counter-count,
  .counter-number span {
    font-size: 25px;
    color: #333333;
    line-height: 0.9;
  }
}

@media screen and (max-width: 796px) {
  .counter-number p {
    font-size: 9px;
    font-weight: 700;
  }
}

@media screen and (max-width: 768px) {
  .search-course-section {
    padding: 45px 0px 40px 0px;
  }

  .counter-icon-number {
    margin-bottom: 20px;
  }

  .counter-number p {
    font-size: 14px;
    font-weight: 700;
  }

  .app-mock-up {
    margin-bottom: 20px;
  }

  .about-page-section .col-md-3{
    padding-left: 15px;
  }

}
@media screen and (max-width: 512px) {
  .col-md-3{
    width: 100%;
  }
}



@media screen and (max-width: 600px) {
  .section-title h2 {
    font-size: 36px;
  }

  .search-course .nws-button {
    width: 125px;
  }

  .section-title.mb20.headline.text-left {
    text-align: center !important;
  }

  .home-secound-course-search .search-app .search-app-content h2 {
    font-size: 30px;
  }

  .about-btn .genius-btn {
    margin-right: 5px;
    padding: 0px 5px;
  }
}


@media screen and (min-width: 360px) {
  .section-title .subtitle {
    margin-left: 0px;
  }

  .genius-btn {
    margin-right: auto;
  }
}


@media screen and (min-width:767px) and (max-width:800px) {
  /* .app-stor {
    position: relative;
    bottom: 0px;
    left: -20px;
  } */
}

@media screen and (max-width: 467px) {
  input {
    font-size: 12px;
  }
}

/* END */

/* latest-news */
@media screen and (min-width: 767px) and (max-width: 1007px) {
  .latest-area-content .latest-news-posts {
    position: relative;
    top: 50px;
  }
}

@media screen and (min-width: 767px) and (max-width: 820px) {
  .latest-area-content .latest-news-posts {
      top: 0px;
  }
}

@media screen and (min-width: 418px) and (max-width: 767px) {
  .latest-area-content {
    /* max-width: 400px; */
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .latest-area-section .latest-news-area {
    max-width:100%;
  }

  .latest-area-section .latest-events {
    max-width: 100%;
  }

  .latest-area-content .latest-video-poster{
    display: flex;
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .side-bar-widget .latest-news-area {
    display: block;
    max-width: 100%;
    padding-bottom: 35px
}
}

@media screen and (max-width: 548px) {
  .side-bar-widget .latest-news-area {
    padding-bottom: 20px
}
}

/* END */

/* best products */
@media (max-width: 768px) {
  .headline {
    flex-direction: column;
    align-items: center;
  }

  .owl-nav {
    margin-left: 0;
    margin-top: 30px;
  }

}

@media (max-width:600px) {
  .product-item {
    max-width: 270px;
    margin: 0 auto 30px;
  }
}

/* END */

/* best course */
@media screen and (max-width: 1107px){
  .course-item{
    max-width: 370px;
  }
  }

@media screen and (max-width: 1024px) {
  .header-section {
    text-align: center !important;
  }
}

@media screen and (max-width: 992px) {
  .rating {
    font-size: 10px;
  }

  .price-tag {
    font-size: 20px;
  }

  .details-link {
    font-size: 10px;
  }
}

@media screen and (max-width: 767px) {
  .course-display {
    padding: 80px 0 70px;
  }
}

@media screen and (min-width: 600px) and (max-width:767px) {
  .course-list .col-md-3 {
    width: 50%;
  }
}

@media screen and (max-width: 600px) {
  .header-section h2 {
    font-size: 28px;
  }

  .course-item {
    max-width: 340px !important;
    margin: 0 auto ;
  }
  .coursview{
    justify-content: initial;
  }
}

@media screen and (min-width: 360px) {
  .header-section .subheading {
    margin-left: 0;
  }
}

/* END */

/* FAQ */
@media screen and (max-width: 1024px) {
  .section-title {
    text-align: center !important;
  }
}

@media screen and (max-width: 767px) {
  .faq-section {
    padding: 40px 0px 55px 0px;
  }
}

@media screen and (max-width: 600px) {
  .section-title h2 {
    font-size: 36px;
  }

  /* .faq-secound-home-version ul.product-tab li {
    margin-bottom: 20px;
  } */
}

@media screen and (min-width: 360px) {
  .section-title .subtitle {
    margin-left: 0px;
  }

  .panel-group .panel-title .btn-link {
    padding-right: 30px;
  }

}

/* END */

/* course details */
@media screen and (max-width: 1024px) {
  .section-title {
    text-align: center !important;
  }
}

@media screen and (max-width: 767px) {
  .category-icon-title {
    max-width: 270px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 397px) {
  .headline {
    align-items: center;
    margin-bottom: 20px;
  }

  .headline h2 {
    font-size: 28px;
  }
}

@media screen and (min-width: 360px) {
  .section-title .subtitle {
    margin-left: 0px;
  }
}

/* END */

/* testimonial section */
/* END */

/* teacher section */
@media (max-width: 767px) {
  .secound-teacher-section {
    padding: 60px 0;
  }

  .secound-teacher-section .teacher-img-text {
    max-width: 275px;
    margin: 0 auto;
  }
}

@media (max-width: 480px) {
  .owl-nav {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    position: inherit;
  }

  .owl-nav button {
    float: none;
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
}

@media screen and (max-width: 1024px) {
  .genius-btn {
    padding: 0 10px;
  }

  #faq .genius-btn {
    padding: 0 20px;
  }
}

@media screen and (max-width: 820px) {
  #faq .genius-btn {
    margin-right: 0px;
    width: 80% !important;
  }
}

@media screen and (max-width: 767px) {
  #faq .genius-btn {
      max-width: 80%;
  }
}

@media screen and (max-width: 600px) {
  #faq .genius-btn {
    min-width: 100% !important;
  }
}

/* END */

/* footer */
@media screen and (min-width:1025px) and (max-width:1400px) {
  .contact_secound_section .section-title .subtitle {
    margin-left: 42px;
  }
}

@media screen and (max-width: 767px) {
  .copy-right-menu {
    text-align: center;
  }



  .copy-right-menu-item {
    float: none !important;
  }

  .footer-social {
    margin: 20px 0px;
  }

  .back-top {
    margin-top: 20px;
  }

  .contact_secound_section {
    background-image: url(../../img/contact-b.jpg);
    padding-top: 60px;
  }

  .contact_secound_form {
    margin-left: 0;
  }

  .address-details ul {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (max-width: 600px) {
  .contact_secound_form .contact_form input {
    width: 100%;
  }

  .footer_2 .copy-right-menu-item li {
    margin-left: 0;
  }

  .section-title h2 {
    font-size: 36px;
  }

  .mb65 {
    margin-bottom: 35px;
  }

  .contact_secound_form .contact_form input {
    width: 100%;
  }

  .subs-form .nws-button {
    width: 130px;
  }
}

@media screen and (min-width: 360px) {
  .section-title .subtitle {
    margin-left: 0px;
  }
}

@media screen and (max-width: 820px) {
  .footer-area-section .footer-menu-2{
    margin-left: 0px;
  }
}


/* END */
/* about page blog */
@media screen and (max-width: 480px) {

  .grid-1,
  .grid-2 {
    width: 100%;
    text-align: center;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 480px) {

  .grid-2 {
    margin-left: 8px;
  }

  .about-gallery-img {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 1000px) {

  .grid-2 {
    margin-left: 12px;
  }

  .about-gallery-img {
    margin-bottom: 13.5px;
  }
}

@media screen and (min-width: 1190px) {


  .about-gallery-img {
    margin-bottom: 16px;
  }
}

/* END */

/* Course Category */
@media (max-width: 768px) {
  .headline {
    flex-direction: column;
    align-items: flex-start;
  }

  .owl-nav {
    margin-left: 10;
    margin-top: 30px;
  }
}

@media screen and (min-width: 480px) and (max-width: 769px) {
  .service-slide_3 {
    height: 245px;
  }
}

/* END */

/* best products */
@media (max-width: 768px) {
  .headline {
    flex-direction: column;
    align-items: center;
  }

  .owl-nav {
    margin-left: 0;
    margin-top: 30px;
  }

}

@media (max-width:800px) {
  .product-item {
    max-width: 270px;
    margin: 0 auto 30px;
  }
}

/* END */
@media screen and (max-width: 1185px) {
  .course-page-section table {
    min-width: 870px;
  }
}

@media screen and (max-width: 1024px) {

  .course-page-section .course-type-list span {
    padding: 10px 4px;
  }

  .slider-text .section-title h2 {
    font-size: 58px;
  }

  .section-title {
    text-align: center !important;
  }

}

@media screen and (max-width: 767px) {
  html {
    overflow-x: hidden;
  }

  .section-title h2 {
    font-size: 40px;
  }
}

@media screen and (max-width: 520px) {
  .section-title .subtitle {
    letter-spacing: 2px;
  }

  .section-title h2 {
    font-size: 30px;
  }
}

@media screen and (max-width: 400px) {
  .section-title .subtitle {
    letter-spacing: 1px;
    font-size: 14px;
  }

  .section-title h2 {
    font-size: 25px;
  }
}

@media screen and (max-width: 895px) {
  .table-responsive {
    overflow-x: hidden;
  }
}


@media screen and (min-width:767px) and (max-width:1110px) {
  .best-product-section .course-title_shop h3 {
    font-size: 14px;
    font-weight: 700;
  }
}

@media screen and (min-width:767px) and (max-width:963px) {
  .best-product-section .course-title_shop h3 {
    font-size: 12px;
    font-weight: 700;

  }

  .add-cart {
    color: #bbbbbb;
    height: 30px;
    width: 30px;
    line-height: 30px;
  }

  .add-cart i {
    font-size: 15px
  }
}

@media screen and (min-width:767px) and (max-width:855px) {
  .best-product-section .course-title_shop h3 {
    font-size: 10px;
  }

  .best-product-section .price-start {
    font-size: 8px;
    font-weight: 700;
    margin-top: 5px;
  }

  .add-cart {
    height: 25px;
    width: 25px;
    line-height: 25px;
  }

  .add-cart i {
    font-size: 14px
  }
}

/* Responsive Design */
@media screen and (min-width:0px) {
  .section-title {
    text-align: center !important;
  }
}

@media screen and (max-width: 767px) {
  .category-icon-title {
    max-width: 270px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 397px) {
  .headline {
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .headline h2 {
    font-size: 28px;
  }
}

@media screen and (min-width: 360px) {
  .section-title .subtitle {
    margin-left: 0px;
  }
}

@media screen and (max-width: 1000px) {
  .address-details li {
    font-size: 18px;
  }

  .address-icon i {
    font-size: 25px;
  }

  .address-icon {
    height: 58px;
    width: 50px;
  }
}

@media screen and (max-width: 768px) {
  .contact-map-section {
    position: relative;
    top: 80px;
  }

  .section-title h2 {
    font-size: 40px;
  }
}

@media screen and (max-width: 600px) {
  .section-title h2 {
    font-size: 36px;
  }

  iframe {
    height: 500px;
  }
}

@media screen and (max-width: 550px) {
  .head1:before{
    left: -14px;
  }

  .head1:after{
    left: -0px;
  }

  #faq .subtitle:before,#faq .subtitle:after,#teacher-2 .section-title .subtitle:before,
  #teacher-2 .section-title .subtitle:after{
    top: -14px;
  }
}

@media screen and (max-width: 508px) {
  .address-details li {
    font-size: 17px;
  }
}

@media screen and (max-width: 480px) {
  .section-title h2 {
    font-size: 36px;
  }

  .address-details li {
    font-size: 15px;
  }
}

@media (max-width: 375px) {
  iframe {
    height: 400px;
  }

  .section-title .subtitle {
    letter-spacing: 2px;
  }

  .section-title .subtitle:after {
    right: -28px;
    /* left: 130px; */
  }

  .section-title .subtitle:after,.section-title .subtitle:before{
    top: -12px;
  }

  .head1:before{
    letter-spacing: 2px;
    left: -15px;
  }

  .head1:after{
    letter-spacing: 2px;
    left: 2px;
  }
}

@media screen and (min-width: 360px) {
  .section-title .subtitle {
    margin-left: 0px;
  }
}

/* blog */
@media screen and (max-width: 480px) {
  .blog-details-content h2 {
    font-size: 25px;
  }
}

@media screen and (max-width: 440px) {
  .blog-details-content .date-meta span {
    font-size: 11px;
  }
}

@media screen and (max-width: 360px) {
  .blog-details-content .date-meta span {
    font-size: 10px;
  }
}

/* END */

/* related news */
@media (max-width: 767px) {
  .blog-post-img-content .blog-thumnile {
    display: flex;
    justify-content: center;
  }

  .blog-post-img-content .course-price {
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }

  .blog-post-img-content .blog-title-content {
    text-align: center;
  }
}

/* END */

/* comments */
@media (max-width:382px) {
  .blog-comment-area .author-name-rate {
    font-size: 11px;
  }
}

/* END   */
/* GRID VIEW */
@media (max-width: 767px) {
  .blog-post-img-content .blog-thumnile {
    display: flex;
    justify-content: center;
  }

  .blog-post-img-content .course-price {
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* FILTER */
@media (max-width: 400px) {
  .shorting-filter select {
    padding: 8px 0px;
    margin-left: 5px;
  }
  .shorting-filter .sort-padding{
    padding-right: 136px;
  }
}

/* list view */
@media (max-width: 767px) {
  .blog-post-img-content {
    padding: 0;
    margin: 10px;
  }

  .blog-post-img-content {
    border-bottom: none;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .blog-title-content h3 {
    font-size: 18px;
  }

  .blog-title-content .blog-content {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .blog-title-content h3 {
    font-size: 18px;
  }

  .blog-title-content .blog-content {
    font-size: 14px;
  }
}

@media screen and (max-width:1349px) {
  #course-details {
    min-width: 80%;
  }
}

@media screen and (max-width:1038px) {
  #course-details {
    max-width: 100%;
  }
}

@media screen and (max-width:767px) {
  #course-details {
    flex-wrap: wrap;
    flex-direction: column;
  }

  #course-content {
    max-width: 100%;
  }
}

@media screen and (max-width:536px) {
  .content-heading h2 {
    font-size: 35px;
  }
}

@media screen and (max-width:446px) {
  .content-heading h2 {
    font-size: 27px;
  }

  .content {
    margin-top: 25px;
    font-size: 18px;
  }

  #course-sec {
    flex-wrap: wrap;
  }
}

/* ---------------------------------------------------------- */

@media screen and (max-width:1568px) {
  .beg-head-btn-2 {
    display: none;
  }

  .beg-head-btn {
    margin-left: 20px;
  }
}

@media screen and (max-width:1497px) {
  #full-section {
    min-width: 80%;
  }
}

@media screen and (max-width:1189px) {
  .beg-head-btn {
    margin-right: 35px;
    white-space: nowrap;
  }
}

@media screen and (max-width:929px) {
  .beg-head-btn {
    display: none;
  }

  .beg-inner-head {
    margin-right: 35px;
  }

}

@media screen and (max-width:768px) {
  #full-section {
    flex-wrap: wrap;
    flex-direction: column;
  }

  #sub-section {
    min-width: 100%;
  }

}

@media screen and (max-width:515px) {
  .si-num {
    font-size: 40px;
    font-weight: 500;
    padding: 0px 17px;
  }

  .beg-con-cont p {
    margin-left: 90px;
  }
}

@media screen and (max-width:425px) {
  .beg-con-cont p {
    margin-left: 0px;
    min-width: 90%;
  }

  .beg-con-cont {
    padding: 20px;
    transition: padding 0.5s ease;
    display: flex;
    justify-content: end;
  }

}

/* ___________________________________________________________________________________________ */

@media screen and (max-width:1033px) {
  .prof-cont-left {
    flex-direction: column;
    align-items: baseline;
  }

  .prof-con {
    margin-left: 0px;
    margin-top: 10px;
  }

  .prof-cont-right {
    align-items: end;
  }
}

@media screen and (max-width:768px) {
  #inner-body {
    flex-direction: column;
  }

  #rev-box-full-container {
    max-width: 100%;
  }

  .review-input-box {
    flex-direction: column;
  }

  .name-box,
  .email-box {
    width: 100%;
  }
}

@media screen and (max-width:397px) {
  #rev-boxes {
    flex-direction: column;
  }

  #rev-detail {
    margin-left: 0px;
    margin-top: 20px;
  }

  .prof-con-rate {
    margin: 0 5px;
  }

  .prof-cont-right ul {
    padding-left: 5px;
  }
}

@media screen and (max-width:466px) {
  #whole-star-rating {
    flex-direction: column;
    align-items: baseline;
  }
}

/* ____________________________________________________________________________________ */
@media (min-width: 768px) and (max-width: 768px) {


  .short-filter {
    display: flex;
    flex-direction: column;
    align-items: start;
  }

  .short-filter-tab {
    margin-top: -8px !important;
  }

  .product-tab {
    display: none;
  }

  .tab-button ul {
    justify-content: start;
  }

  .product-showcase .row .col-md-4 {
    width: 50%;
  }

  .product-showcase .row .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* .course-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  } */

  .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-md-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .side-bar-widget {
    position: relative;
    top: 11px !important;
  }

  .subscribe-form {
    margin-left: 2px;
    margin-top: 10px;
  }

  .subs-form input {
    width: 40% !important;
  }

  .subs-form .nws-button {
    right: 43% !important;
  }

  .subs-form input {
    height: 53px !important;
  }

  .subs-form .nws-button {
    height: 52px !important;
  }
}



@media screen and (max-width: 768px){
  .course-grid  {
    position: relative;
    top: 11px !important;
}

#about-page .col-md-3 {
  width: 100% ;
}

.side-bar-widget .latest-news-area-1{
  margin-right: 25px;
}
}

@media (min-width:1024px) and (min-height:1366px) {
  .skiller-primary i {
    color: #ffffff;
    position: relative;
    right: -44px !important;
    top: -51px !important;
  }

  .product-tab {
    display: none;
  }

  .course-finder-widget {
    margin-top: 20px !important;
  }

  .course-image {
    min-height: 200px !important;
  }
}

@media (max-width:1087px) {
  .product-tab {
    display: none;
  }

  .faq-secound-home-version ul.product-tab{
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 768px) {

  .recent-view {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .short-filter-tab {
    flex-direction: column;
    align-items: flex-start;
  }



  .shorting-filter:first-child {
    margin-top: 0;
  }

  .shorting-filter:last-child {
    margin-left: 0;
  }

  .tab-button {
    display: none;
  }
}

@media (min-width: 600px) and (max-width:820px) {
  .recent-view {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

}

@media screen and (max-width: 918px) {
  .sort-by{
    margin-left: 0px;
  }
}

@media screen and (max-width: 614px) {
  .sort-by {
      margin-top: 20px;
      margin-left: 1% !important;
  }
}
@media screen and (min-width: 767px) and (max-width:813px){
  .sort-by {
    margin-top: 10px;
}
.shorting-filter .sort-padding{
  padding-right: 155px;
}
}
@media screen and (min-width: 401px) and (max-width:614px){
  .shorting-filter .sort-padding{
    padding-right: 151px;
  }
}

@media screen and (max-width: 1086px) {
  .margin{
    margin-top: -20px;
  }
}