@charset "UTF-8";
/******************************************************************
Theme Name: PONIGYM
Description: 
Author: 
Author URI: 
Version: 1.0
Created: 
******************************************************************/
/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Class Section
7.  Trainer Table Section
8.  Team Section
9.  Contact
10.  Footer Style

-------------------------------------------------------------------*/
/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/


img {
  max-width: 100%;
}


/*---------------------
  Class Section
-----------------------*/
.class-section {
  padding-top: 75px;
  padding-bottom: 70px;
}
.class-section .primary-btn {
  margin-top: 25px;
  float: right;
}

.class-item {
  margin-bottom: 30px;
}
.class-item .single-class-item img {
  min-width: 100%;
}
.class-item .single-class-item .class-text {
  padding-top: 60px;
}
.class-item .single-class-item .class-text h3 {
  color: #191919;
  font-weight: 500;
  margin-bottom: 35px;
}
.class-item .single-class-item .class-text p {
  color: #6e6e6e;
  margin-bottom: 45px;
}
.class-item .single-class-item .class-text .schedule-btn {
  color: #f34e3a;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.class-item .single-class-item .class-text .schedule-btn i {
  font-size: 18px;
  margin-left: 7px;
}

.class-author ul li {
  width: 160px;
  margin-right: 30px;
}
.class-author ul li a.active .author-text h5 {
  color: #f34e3a;
}
.class-author ul li:last-child {
  margin-right: 0;
}
.class-author .author-text {
  margin-bottom: 30px;
}
.class-author .author-text img {
  min-width: 100%;
  margin-bottom: 26px;
}


/* Tablet Device = 768px */
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .nav-menu .mainmenu ul li {
    margin-right: 25px;
  }

  .nav-menu .nav-right {
    margin-left: 0px;
  }

  .header-section.header-normal .nav-menu .mainmenu ul li {
    margin-right: 20px;
  }
}
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  .slicknav_menu {
    display: block;
    background: transparent;
    padding: 0;
  }

  .nav-menu .mainmenu {
    display: none;
  }

  .nav-menu {
    position: relative;
  }

  .nav-right {
    position: absolute;
    right: 110px;
    top: 7px;
  }

  .slicknav_btn {
    margin: 0;
  }

  .slicknav_nav {
    padding: 15px 10px;
    background: #222;
  }

  .slicknav_nav a {
    padding: 10px 10px;
    margin: 0;
  }

  .slicknav_nav a:hover {
    border-radius: 0;
    background: #f34a3a;
    color: #fff;
  }

  .slicknav_nav ul {
    margin: 0;
  }

  .hero-items .owl-nav button[type=button] {
    left: 5px;
  }

  .hero-items .owl-nav button[type=button].owl-next {
    right: 5px;
  }

  .single-hero-item {
    padding-top: 200px;
  }

  .register .copyright {
    margin-right: 0;
    float: none;
    text-align: center;
    margin-bottom: 10px;
  }

  .register .footer-widget {
    float: none;
    text-align: center;
    margin-bottom: 10px;
  }

  .register .footer-links {
    float: none;
    text-align: center;
  }

  .register .footer-links a:first-child {
    margin-left: 0;
  }

  .header-normal .slicknav_btn {
    margin-top: 31px;
    margin-bottom: 30px;
  }

  .header-section.header-normal .nav-menu .nav-right {
    position: absolute;
    top: 0;
    right: 110px;
  }

  .filter-controls ul li {
    margin-right: 30px;
    margin-bottom: 10px;
  }

  .trainer-schedule.class-timetable .section-title .nav-controls ul li,
.class-timetable.choseus-section .section-title .nav-controls ul li,
.class-timetable.about-page-trainer .section-title .nav-controls ul li {
    margin-right: 25px;
    margin-bottom: 10px;
  }

  .blog-items {
    margin-left: 0;
    margin-right: 0;
  }

  .blog-sidebar {
    margin-left: 0;
    margin-right: 0;
  }

  .about-us-section .about-pic {
    margin-left: 0;
    margin-right: 0;
  }

  .about-text {
    margin-left: 0;
    margin-right: 0;
  }

  .blog-details {
    margin-left: 0;
    margin-right: 0;
  }

  .blog-details .bd-info .bi-social a {
    margin-left: 15px;
  }
}
/* Small Device = 320px */
@media only screen and (min-width: 320px) and (max-width: 479px) {


  .services-items .single-service-item {
    width: 100%;
    margin-right: 0;
  }

  .map-location .map-widget {
    left: 2%;
  }

  .map-location .map-widget .map-address {
    width: 309px;
  }

  .map-location .map-widget .map-address ul {
    padding-left: 14px;
    padding-right: 14px;
  }

  .footer-form {
    padding: 10px 20px 10px 20px;
  }

  .blog-items .single-blog-item .blog-text .blog-tag .post-info {
    float: none;
  }

  .blog-items .single-blog-item .blog-text .blog-tag .tag-details {
    float: none;
  }

  .blog-details .bd-text .blog-tag .post-info {
    float: none;
  }

  .blog-details .bd-text .blog-tag .tag-details {
    float: none;
  }

  .blog-details .bd-info .bi-tags {
    float: none;
  }

  .blog-details .bd-info .bi-social {
    float: none;
  }

  .blog-details .bd-comments .comments-item .avatar-text .reply-btn.primary-btn {
    padding: 5px 10px;
    position: relative;
    margin-top: 20px;
  }

  .blog-details .bd-comments .comments-item .avatar-pic {
    float: none;
    margin-bottom: 20px;
  }
  .blog-details .bd-comments .comments-item .avatar-text {
    padding-left: 0;
  }
  .blog-details .bd-comments .comments-item .avatar-text:before {
    display: none;
  }
}

/*# sourceMappingURL=style.css.map */
