@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Mobile
	2. Large Mobile
	3. iPad
	4. large desktop
	5. Other
*/

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:640px){

	h1{ font-size: 30px; line-height: 38px; }
	h2{ font-size: 30px; line-height: 38px; }
	h3{ font-size: 18px; line-height: 24px; }
	h4{ font-size: 16px; line-height: 22px; }
	h5{ font-size: 15px; line-height: 20px; }
	h6{ font-size: 14px; line-height: 20px; }
	.btn{ font-size: 14px; line-height: 16px; padding:13px 16px 13px 16px; }
	.rounded-btn{ border-radius: 50px; padding: 16px 30px 16px 30px; }
	.btn figure{ width: 23px; margin-right: 12px; }
	.container{ padding: 0 4%; box-sizing:border-box; }	
	.logo{ max-width: 83px; }
	.banner .banner-slider .item .item-inner{ height: 400px; }
	.banner .slick-dots{ bottom: 30px; padding-left: 20px; }
	.banner h1, .banner h2{ margin-bottom: 25px; }
	.banner-box{ /*margin-bottom: 65px;*/ margin-top: 25px; /*max-width: 450px;*/ max-width: 370px; }
	.info-main-area{ padding: 30px 20px; }
	.info-sec{ padding: 40px 0 40px 0; }
	.membership-arrow-area{ padding-top: 30px; }
	.membership-sec .item{ padding: 0 15px; }
	.h-right-push{ width: calc(100% - 120px); }
	.btn-grp{ margin-left: 20px; }
	nav ul li{ margin: 0 9px; }
	.banner-inner{ padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
	.table-sec{ padding: 10px 0; }
	.welcome-sec{ padding: 40px 0; }
	.h-btm nav{ display:none; }
	.team-sec{ padding: 40px 0 20px 0; }
	.team-sec h2{ margin-bottom: 20px; }
	.team-grp{ padding-top: 30px; }
	.welcome-sec .two-col{ flex-wrap: wrap; }
	.welcome-sec .two-col .col-left{ width:100%; margin-bottom:40px; }
	.welcome-sec .two-col .col-right{ width:100%; }
	.membership-sec{ padding-top: 40px;	}
	.info-main-area h2{ margin-bottom: 20px; }
	.info-main-area p{ margin-bottom: 30px; }
	footer{ padding-top: 30px; }
	.footer-mid{ flex-wrap: wrap; padding-bottom: 5px; padding-top: 40px; }
	.footer-mid .f-info{ width: 100%; margin-bottom:30px; }
	.footer-mid .f-info:last-child{ width: 100%; }
	.f-info h4{ margin-bottom: 15px; }
	.welcome-sec h4{ margin-bottom:15px; }
	.welcome-sec .img-box{ padding: 40px 20px; border-radius: 5px; }
	.welcome-info p{ margin-bottom: 25px; }
	.welcome-sec h2{ margin-bottom: 20px; }
	.team-grp{ gap: 10px; }
	.team-grp .team-cell{ width: 48%; margin-bottom: 30px; }
	.membership-sec .sec-title{ margin-bottom: 40px; }
	.info-main-area .two-col{ flex-wrap: wrap; }
	.info-main-area .two-col .col-left{ padding-right: 20px; width: 100%; margin-bottom:40px; }
	.info-main-area .two-col .col-right{ width: 100%; height:300px; }
	.footer-tp .two-col{ flex-wrap: wrap; display: flex; }
	.footer-tp .two-col .col-left{ width: 100%; margin-bottom: 30px; }
	.footer-tp .two-col .col-right{ width: 100%; align-items: center; justify-content: center; }
	.footer-tp .two-col .col-right a{ margin: 0; }
	footer h2{ text-align: center; }
	.f-call{ margin-bottom: 10px; }
	.f-email{ margin-bottom: 10px; }
	.h-tp{ display:none; }
	.member-img{ width: 150px; height: 150px; margin-bottom: 20px; }
	.membership-sec h2{ margin-bottom: 20px; }
	.membership-sec .sec-title p{ margin-bottom: 20px; }
	.membership-cell .mem-tp{ padding: 17px; }
	.f-info .work-cell:last-child{ margin-bottom:0; }
	header{ position: relative; }
	.mb-toggled.mb-closed{ display:block; top: 23px; right: 20px; }
	header .btn-grp{ margin-right:50px; }
	.membership-arrow .left-arrow, .membership-arrow .right-arrow{ margin: 0 7px; }	
	.forminator-ui.forminator-custom-form-151.forminator-design--default .forminator-button-submit{ font-size: 14px !important; }
	 /*#forminator-module-151 .forminator-row-last{ width: 50%; }*/
	 .instructor_content_wrapper{ display: block; }
    .instructor_image{ width: 100%;  margin-right: 0px; margin-bottom: 10px;}
    .contact_page_wrapper .two-col{ display: block; }
    .contact_page_wrapper .col-left{ width: 100%; }
    .contact_page_wrapper .col-right{ width: 100%; padding-left: 0px; padding-top: 50px; }
  .instructor-wrapper h2{ font-size: 28px; }
	.top-row{
	display: block;
}
.top-row .img-box,.top-row .right_content{
	width: 100%;
	text-align: center;
}
}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px){

	h1{ font-size: 36px; line-height: 44px; }
	h2{ font-size: 36px; line-height: 44px; }
	h3{ font-size: 18px; line-height: 26px; }
	h4{ font-size: 16px; line-height: 22px; }
	h5{ font-size: 15px; line-height: 20px; }
	h6{ font-size: 14px; line-height: 20px; }
	.btn{ font-size: 14px; line-height: 16px; padding:13px 16px 13px 16px; }
	.rounded-btn{ border-radius: 50px; padding: 16px 30px 16px 30px; }
	.btn figure{ width: 23px; margin-right: 12px; }
	.container{ padding: 0 2%; box-sizing:border-box; }	
	header{ padding-bottom: 15px; padding-top: 16px; }
	.logo{ max-width: 150px; }
	.banner .banner-slider .item .item-inner{ height: 400px; }
	.banner .slick-dots{ bottom: 50px; padding-left: 30px; }
	.banner h1, .banner h2{ margin-bottom: 25px; }
	.banner-box{ /*margin-bottom: 100px;*/ margin-top: 30px; /*max-width: 450px;*/ max-width: 370px;  }
	.info-main-area{ padding: 40px 30px; }
	.info-sec{ padding: 50px 0 50px 0; }
	.membership-arrow-area{ padding-top: 40px; }
	.membership-sec .item{ padding: 0 15px; }
	.h-right-push{ width: calc(100% - 120px); }
	.btn-grp{ margin-left: 20px; }
	nav ul li{ margin: 0 9px; }
	.banner-inner{ padding-left: 30px; }
	.table-sec{ padding: 20px 0; }
	.welcome-sec{ padding: 50px 0; }
	.h-btm nav{ display:none; }
	.team-sec{ padding: 50px 0 30px 0; }
	.team-sec h2{ margin-bottom: 20px; }
	.team-grp{ padding-top: 30px; }
	.welcome-sec .two-col{ flex-wrap: wrap; }
	.welcome-sec .two-col .col-left{ width:100%; margin-bottom:50px; }
	.welcome-sec .two-col .col-right{ width:100%; }
	.membership-sec{ padding-top: 60px;	}
	.info-main-area h2{ margin-bottom: 20px; }
	.info-main-area p{ margin-bottom: 30px; }
	footer{ padding-top: 40px; }
	.footer-mid{ flex-wrap: wrap; padding-bottom: 5px; }
	.footer-mid .f-info{ width: 50%; margin-bottom:30px; }
	.footer-mid .f-info:last-child{ width: 50%; }
	.f-info h4{ margin-bottom: 25px; }
	.welcome-sec h4{ margin-bottom:15px; }
	.welcome-sec .img-box{ padding: 40px 20px; border-radius: 5px; }
	.welcome-info p{ margin-bottom: 25px; }
	.welcome-sec h2{ margin-bottom: 25px; }
	.team-grp{ gap: 10px; }
	.team-grp .team-cell{ width: 49%; margin-bottom: 30px; }
	.membership-sec .sec-title{ margin-bottom: 50px; }
	.info-main-area .two-col{ flex-wrap: wrap; }
	.info-main-area .two-col .col-left{ padding-right: 20px; width: 100%; margin-bottom:40px; }
	.info-main-area .two-col .col-right{ width: 100%; height:300px; }
	.footer-tp .two-col{ flex-wrap: wrap; display: flex; }
	.footer-tp .two-col .col-left{ width: 100%; margin-bottom: 30px; }
	.footer-tp .two-col .col-right{ width: 100%; align-items: center; justify-content: center; }
	.footer-tp .two-col .col-right a{ margin: 0; }
	footer h2{ text-align: center; }
	.f-call{ margin-bottom: 10px; }
	.f-email{ margin-bottom: 10px; }
	header{ position: relative; padding-bottom: 14px; }
	.mb-toggled.mb-closed{ display:block; top: 66px; right: 18px; }
	header .btn-grp{ margin-right:50px; }
	.membership-arrow .left-arrow, .membership-arrow .right-arrow{ margin: 0 7px; }
	.forminator-ui.forminator-custom-form-151.forminator-design--default .forminator-button-submit{ font-size: 14px !important; }
	.contact_page_wrapper .two-col{ display: block; }
    .contact_page_wrapper .col-left{ width: 100%; }
    .contact_page_wrapper .col-right{ width: 100%; padding-left: 0px; padding-top: 50px; }
.instructor-wrapper h2{ font-size: 28px; }
}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px){

	h1{ font-size: 36px; line-height: 44px; }
	h2{ font-size: 36px; line-height: 44px; }
	h3{ font-size: 18px; line-height: 26px; }
	h4{ font-size: 16px; line-height: 22px; }
	h5{ font-size: 15px; line-height: 20px; }
	h6{ font-size: 14px; line-height: 20px; }
	.btn{ font-size: 14px; line-height: 16px; padding:13px 16px 13px 16px; }
	.rounded-btn{ border-radius: 50px; padding: 16px 30px 16px 30px; }
	.btn figure{ width: 23px; margin-right: 12px; }
	.container{ padding: 0 2%; box-sizing:border-box; }	
	.logo{ max-width: 150px; }
	.banner .banner-slider .item .item-inner{ height: 450px; }
	.banner .slick-dots{ bottom: 50px; padding-left: 30px; }
	.banner h1, .banner h2{ margin-bottom: 25px; }
	.banner-box{ /*margin-bottom: 95px;*/ margin-top: 30px; /*max-width: 450px;*/ max-width: 370px; }
	.info-main-area{ padding: 40px 30px; }
	.info-sec{ padding: 50px 0 50px 0; }
	.membership-arrow-area{ padding-top: 40px; }
	.membership-sec .item{ padding: 0 15px; }
	.h-right-push{ width: calc(100% - 233px); }
	.btn-grp{ margin-left: 20px; }
	nav ul li{ margin: 0 9px; }
	.banner-inner{ padding-left: 30px; }
	.table-sec{ padding: 30px 0; }
	.welcome-sec{ padding: 50px 0; }
	.h-btm nav{ display:none; }
	.team-sec{ padding: 50px 0 30px 0; }
	.team-sec h2{ margin-bottom: 20px; }
	.team-grp{ padding-top: 40px; }
	.welcome-sec .two-col .col-left{ width:40%; }
	.welcome-sec .two-col .col-right{ width:60%; }
	.membership-sec{ padding-top: 60px;	}
	.info-main-area h2{ margin-bottom: 20px; }
	.info-main-area p{ margin-bottom: 30px; }
	footer{ padding-top: 40px; }
	.footer-mid{ flex-wrap: wrap; padding-bottom: 5px; }
	.footer-mid .f-info{ width: 50%; margin-bottom:30px; }
	.footer-mid .f-info:last-child{ width: 50%; }
	.f-info h4{ margin-bottom: 25px; }
	.welcome-sec h4{ margin-bottom:15px; }
	.welcome-sec .img-box{ padding: 40px 20px; border-radius: 5px; }
	.welcome-info p{ margin-bottom: 25px; }
	.welcome-sec h2{ margin-bottom: 25px; }
	.team-grp{ gap: 10px; }
	.team-grp .team-cell{ width: 32%; margin-bottom: 30px; }
	.membership-sec .sec-title{ margin-bottom: 50px; }
	.info-main-area .two-col .col-left{ padding-right: 20px; }
	header{ position: relative; padding-bottom: 14px; }
	.mb-toggled.mb-closed{ display:block; top: 66px; right: 18px; }
	header .btn-grp{ margin-right:50px; }
	.membership-arrow .left-arrow, .membership-arrow .right-arrow{ margin: 0 7px; }
	.forminator-ui.forminator-custom-form-151.forminator-design--default .forminator-button-submit{ font-size: 14px !important; }
	.contact_page_wrapper .two-col{ display: block; }
    .contact_page_wrapper .col-left{ width: 100%; }
    .contact_page_wrapper .col-right{ width: 100%; padding-left: 0px; padding-top: 50px; }

}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px){	

	h1{ font-size: 44px; line-height: 55px; }
	h2{ font-size: 44px; line-height: 55px; }
	.container{ padding: 0 2%; box-sizing:border-box; }	
	.banner .banner-slider .item .item-inner{ height: 600px; }
	.banner .slick-dots{ bottom: 70px; padding-left: 50px; }
	.banner-box{ /*margin-bottom: 120px;*/margin-top: 50px; }
	.info-main-area{ padding: 60px 40px; }
	.info-sec{ padding: 60px 0 60px 0; }
	.membership-arrow-area{ padding-top: 55px; }
	.membership-sec .item{ padding: 0 15px; }
	.h-right-push{ width: calc(100% - 233px); }
	.btn-grp{ margin-left: 20px; }
	nav ul li{ margin: 0 8px; }
	.banner-inner{ padding-left: 50px; }
	.table-sec{ padding: 40px 0; }
	.welcome-sec{ padding: 70px 0; }
	.h-btm nav{ display:none; }
	.team-sec{ padding: 60px 0 60px 0; }
	.team-sec h2{ margin-bottom: 20px; }
	.team-grp{ padding-top: 40px; 	}
	.welcome-sec .two-col .col-left{ width:40%; }
	.welcome-sec .two-col .col-right{ width:60%; }
	.membership-sec{ padding-top: 80px;	}
	.info-main-area h2{ margin-bottom: 20px; }
	.info-main-area p{ margin-bottom: 30px; }
	footer{ padding-top: 50px; }
	.footer-mid{ flex-wrap: wrap; padding-bottom: 5px; }
	.footer-mid .f-info{ width: 50%; margin-bottom:30px; }
	.footer-mid .f-info:last-child{ width: 50%; }
	.f-info h4{ margin-bottom: 25px; }
	header{ position: relative; padding-bottom: 14px; }
	.mb-toggled.mb-closed{ display:block; top: 72px; right: 25px; }
	header .btn-grp{ margin-right:50px; }
	.membership-arrow .left-arrow, .membership-arrow .right-arrow{ margin: 0 7px; }
	.forminator-ui.forminator-custom-form-151.forminator-design--default .forminator-button-submit{ font-size: 14px !important; }

}

/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (min-width:1200px) and (max-width:1339px){	

	.container{ padding: 0 2%; box-sizing:border-box; }	
	.banner .banner-slider .item .item-inner{ height: 600px; }
	.banner .slick-dots{ bottom: 70px; padding-left: 50px; }
	.banner-box{ margin-bottom: 120px; }
	.info-main-area{ padding: 100px 40px; }
	.info-sec{ padding: 80px 0 80px 0; }
	.membership-arrow-area{ padding-top: 55px; }
	.membership-sec .item{ padding: 0 15px; }
	.h-right-push{ width: calc(100% - 233px); }
	.btn-grp{ margin-left: 20px; }
	nav ul li{ margin: 0 8px; font-size: 13px; }
	.banner-inner{ padding-left: 50px; }
	.table-sec{ padding: 40px 0; }
	.welcome-sec{ padding: 80px 0; }
	.forminator-ui.forminator-custom-form-151.forminator-design--default .forminator-button-submit{ font-size: 14px !important; }
	.h-btm .btn{ font-size: 14px; }
	.btn-grp{ margin-left: 40px; }

}

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

	.container{ padding: 0 2%; box-sizing:border-box; }	
	.banner .banner-slider .item .item-inner{ height: 650px; }
	.banner .slick-dots{ bottom: 70px; }
	.banner-box{ margin-bottom: 120px; }
	.info-main-area{ padding: 100px 40px; }
	.info-sec{ padding: 80px 0 80px 0; }
	.membership-arrow-area{ padding-top: 55px; }
	.membership-sec .item{ padding: 0 15px; }
	.forminator-ui.forminator-custom-form-151.forminator-design--default .forminator-button-submit{ font-size: 14px !important; }
	nav ul li{ margin: 0 8px; }
	.h-btm .btn{ font-size: 14px; }
	.btn-grp{ margin-left: 60px; }

}

@media (min-width:1370px) and (max-width:1450px){	
	.container{ padding: 0 2%; box-sizing:border-box; }	
	.forminator-ui.forminator-custom-form-151.forminator-design--default .forminator-button-submit{ font-size: 14px !important; }
	nav ul li{ margin: 0 8px; }
	.h-btm .btn{ font-size: 14px; }
}