/* Medium Layout: 1280px. */

@media only screen and (min-width: 1720px) and (max-width: 2800px) { 


.main_video {
  width:670px;
  height:377px;
  border-radius:15px
}


.main_banner_text{
  padding-top:25px;
  font-size:1.6rem;
  font-weight:500;
  line-height:2.25rem;
  color:#000000;
}

.section-title {
   margin-bottom: 50px;
	}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-80 {
  padding-bottom: 70px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-100 {
  padding-bottom: 100px;
}



.default-font {
  font-size:1.4rem;
  line-height:2.00rem;
  color:#000000;
  letter-spacing:-1px;
  }

.ch_image{height:40px}

	.web_display-hidden {
	    display: none;
	}

.top-area {
  position: absolute;
  z-index: 10;
  width: 35%;
  padding: 25px 0;
  color: #ffffff;
   top: 25%;
  left: 50%;
}


.flash_hide2 {
	display:none;
	}

.fontsize20{
font-size: 20px;
}




.banner01{
background-image: url(/sub/img/banner01.jpg);background-position:center;padding: 70px 50px;border-radius: 15px;
}



.latest-news-bg2 {
  height: 450px;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  background-color: #ddd;
}


.latest-news-bg3 {
  height: 500px;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  background-color: #ddd;
}


.main_center_font01{
font-size: 18px;line-height: 1.2;color:#969696;letter-spacing: 2px;font-weight:600;
}



}

@media only screen and (min-width: 1400px) and (max-width: 1720px) { 


.main_video {
  width:670px;
  height:377px;
  border-radius:15px
}

	.section-title {
	    margin-bottom: 50px;
	}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-80 {
  padding-bottom: 70px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-100 {
  padding-bottom: 100px;
}




.default-font {
  font-size:1.4rem;
  line-height:2.00rem;
  color:#000000;
  letter-spacing:-1px;
  }

.ch_image{height:40px}

.banner01{
background-image: url(/sub/img/banner01.jpg);background-position:center;padding: 70px 50px;border-radius: 15px;
}


	.web_display-hidden {
	    display: none;
	}


.top-area {
  position: absolute;
  z-index: 10;
  width: 45%;
  padding: 25px 0;
  color: #ffffff;
  top: 25%;
  left: 50%;
	}

.flash_hide2 {
	display:none;
	}


.fontsize20{
font-size: 18px;
}

.banner01{
background-image: url(/sub/img/banner01.jpg);background-position:center;padding: 70px 50px;border-radius: 15px;
}


.latest-news-bg2 {
  height: 450px;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  background-color: #ddd;
}

.latest-news-bg3 {
  height: 500px;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  background-color: #ddd;
}


.main_center_font01{
font-size: 17px;line-height: 1.2;color:#969696;letter-spacing: 1px;font-weight:700;
}

}





@media only screen and (min-width: 992px) and (max-width: 1400px) { 


.main_video {
  width:100%;
  height:360px;
  border-radius:15px
}

.ch_image{height:35px}

	.section-title {
	    margin-bottom: 50px;
	}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-80 {
  padding-bottom: 70px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-100 {
  padding-bottom: 100px;
}



.default-font {
  font-size:1.4rem;
  line-height:2.00rem;
  color:#000000;
  letter-spacing:-1px;
  }


.banner01{
background-image: url(/sub/img/banner01.jpg);background-position:center;padding: 70px 50px;border-radius: 15px;
}


	.web_display-hidden {
	    display: none;
	}


.fontsize20{
font-size: 18px;
}
	
	
	.flash_hide {
		display:none;
		}
	
	.hero-text h1 {
	    font-size: 45px;
	}


	.flash-text {
	    font-size: 45px;
	}


	a.video-play-btn {
		right: 51%;
	}
	.hero-area div.hero-form {
		bottom: -20%;
	}

	.cart-buttons a:first-child {
	    margin-right: 0;
	    margin-bottom: 15px;
	}
	.contact-form form p input[type=email] {
	    margin-left: 8px;
	}
	.contact-form-box h4 i {
	    left: -20%;
	}
	.comment-template form p input[type=email] {
	    margin-left: 8px;
	}
	ul.main-menu li a {
	    padding: 15px 13px;
	}
	span.close-btn {
	    right: 0;
	}
	ul.sub-menu li a {
	    padding: 7px 10px;
	}

	.move_hide {
		display:none;
		}

}

.latest-news-bg2 {
  max-width:100%; height:auto
  background-size: cover;
  background-position: center;
  border-radius: 15px;

}

.latest-news-bg3 {
  height: 300px;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  background-color: #ddd;
}





/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 



.main_video {
  width:100%;
  height:188px;
  border-radius:15px
}



.ch_image{height:30px}

	.section-title {
	    margin-bottom: 50px;
	}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-80 {
  padding-bottom: 70px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-100 {
  padding-bottom: 100px;
}



.default-font {
  font-size:1.4rem;
  line-height:2.00rem;
  color:#000000;
  letter-spacing:-1px;
  }

.banner01{
background-image: url(/sub/img/banner01.jpg);background-position:center;padding: 70px 50px;border-radius: 15px;
}


	.web_display-hidden {
	    display: none;
	}


.latest-news-bg2 {
  height: 200px;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  background-color: #ddd;
}

.latest-news-bg3 {
  height: 300px;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  background-color: #ddd;
}


	.flash_hide {
		display:none;
		}


.breadcrumb-bg01 {
  background-image: url(/sub/img/m_btnclub_sub01.jpg);
}

.breadcrumb-bg02 {
  background-image: url(/sub/img/m_btnclub_sub02.jpg);
}

.breadcrumb-bg03 {
  background-image: url(/sub/img/m_btnclub_sub03.jpg);
}

.breadcrumb-bg04 {
  background-image: url(/sub/img/m_btnclub_sub04.jpg);
}

.breadcrumb-bg05 {
  background-image: url(/sub/img/m_btnclub_sub05.jpg);
}

.breadcrumb-bg06 {
  background-image: url(/sub/img/m_btnclub_sub06.jpg);
}

.breadcrumb-bg07 {
  background-image: url(../img/m_btnclub_sub07.jpg);
}

.breadcrumb-bg08 {
  background-image: url(../img/m_btnclub_sub08.jpg);
}

.breadcrumb-bg09 {
  background-image: url(../img/m_btnclub_sub09.jpg);
}

.breadcrumb-bg10 {
  background-image: url(../img/m_btnclub_sub10.jpg);
}

.breadcrumb-bg11 {
  background-image: url(../img/m_btnclub_sub11.jpg);
}

	.flash-text {
	    font-size: 35px;
	}


	.main-icon {
		padding-top:0.9vh;
}

	.move_hide {
		display:none;
		}


	.footer-box {
	    margin-bottom: 40px;
	}
	.copyright p {
	    text-align: center;
	}
	.copyright .social-icons {
	    text-align: center;
	}
	.feature-bg:after {
		display: none;
	}
	.single-team-item {
	    margin-bottom: 30px;
	}
	table.cart-table {
	    margin-bottom: 50px;
	}
	.order-details-wrap {
	    margin-top: 50px;
	}
	.contact-form form p input[type=text], 
	.contact-form form p input[type=tel], 
	.contact-form form p input[type=email] {
	    width: 100%;
	}

	.contact-form form p input[type=email] {
	    margin-left: 0;
	    margin-top: 15px;
	}
	.contact-form form p input[type=tel] {
		margin-bottom: 15px;
	}

	.hero-area div.hero-form {
		width: 325px;
		top: 30%;
	}

	.comment-template form p input[type=text], 
	.comment-template form p input[type=email] {
	    width: 100%;
	}

	.comment-template form p input[type=email] {
	    margin-top: 15px;
	    margin-left: 0;
	}
	.sidebar-section {
	    margin-left: 0;
	    margin-top: 50px;
	}
	.single-product-img {
	    margin-bottom: 30px;
	}
	.single-product-img img {
	    width: 100%;
	}
	.single-project-img img {
	    width: 100%;
	}
	.site-logo a img {
	    max-width: 150px;
	}
	.site-logo {
	    text-align: center;
	    position: absolute;
	    z-index: 999;
	}
	.mean-container .mean-bar {
		z-index: 2;
	}
	.responsive-menu-wrap {
	    display: block;
	}
	.header-icons {
	    text-align: center;
	}
	.top-header-area {
	    padding: 15px 0;
	}

	.responsive-menu-wrap {
	    position: absolute;
	    top: 0;
	}

	.featured-section {
	    padding: 0;
	}

	.responsive-menu-wrap {
	    left: 50%;
	    margin-top: 10px;
	    margin-left: -57.5px;
	}
	.hero-text-tablecell {
	    padding: 0px 70px;
	}
	.hero-form .hero-text h1 {
	    font-size: 30px;
	}

	.hero-form .hero-text p.subtitle {
	    font-size: 13px;
	}

	.hero-form .hero-btns a.bordered-btn {
	    margin-left: 0;
	    margin-top: 20px;
	}

	.sticky-wrapper.is-sticky .top-header-area {
	    position: absolute!important;
	    background-color: transparent;
	}
	.featured-box {
	    padding: 30px;
	}

	.featured-section {
	    padding: 100px 0;
	}
	nav.main-menu {
	    display: none;
	}
	table.order-details {
	    width: 100%;
	}
	.contact-form-box h4 i {
	    left: -7%;
	}
	.single-product-content h3 {
	    font-size: 20px;
	    font-weight: 500;
	    line-height: 1.6;
	}

	.single-product-content {
	    margin-left: 15px;
	}
	a.mobile-hide.search-bar-icon {
	    display: none!important;
	}
	.mobile-show {
		display: block!important;
	}
	a.mobile-show.search-bar-icon {
	    position: absolute;
	    right: 60px;
	    top: 22px;
	    z-index: 999;
	    color: #fff;
	}

}






/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {



.main_video {
  width:100%;
  height: auto;
  border-radius:15px
}



.main_banner_text{
  padding-top:25px;
  font-size:1.2rem;
  font-weight:500;
  line-height:1.75rem;
  color:#000000;
}

.breadcrumb-section { 
padding: 100px 0;
}

.breadcrumb-text h1 {
font-size : 30px;
}



.site-logo {
  float: left;
  max-width: 170px;
  padding: 20px 0;
}

	.m_display-hidden {
	    display: none;
	}

.default-font {
  font-size:1.1rem;
  line-height:1.60rem;
  color:#000000;
  letter-spacing:-1px;
  }

	.section-title {
	    margin-bottom: 25px;
	}

.pt-30 {
  padding-top: 15px;
}

.pt-40 {
  padding-top: 20px;
}

.pt-50 {
  padding-top: 25px;
}

.pt-60 {
  padding-top: 30px;
}

.pt-70 {
  padding-top: 35px;
}

.pt-80 {
  padding-top: 40px;
}

.pt-90 {
  padding-top: 45px;
}

.pt-100 {
  padding-top: 50px;
}

.pb-30 {
  padding-bottom: 15px;
}

.pb-40 {
  padding-bottom: 20px;
}

.pb-50 {
  padding-bottom: 25px;
}

.pb-60 {
  padding-bottom: 30px;
}

.pb-80 {
  padding-bottom: 35px;
}

.pb-80 {
  padding-bottom: 40px;
}

.pb-90 {
  padding-bottom: 45px;
}

.pb-100 {
  padding-bottom: 50px;
}




.ch_image{height:15px}

.mtop-padding{
padding: 20px 0;

}

.top-area {
padding: 25px 0;
  color: #ffffff;
    background-image: url(../img/main_m_01.jpg);
}

.fontsize20{
font-size: 18px;
}



.banner01{
background-image: url(/sub/img/banner01_m.jpg);background-size:100%;padding: 40px 20px;border-radius: 15px;
}



.latest-news-bg2 {
  height: 200px;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  background-color: #ddd;
}

.latest-news-bg3 {
  height: 300px;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  background-color: #ddd;
}


.main_center_font01{
font-size: 14px;line-height: 1.2;color:#969696;letter-spacing: 1px;font-weight:5700;




.breadcrumb-bg01 {
  background-image: url(/sub/img/m_btnclub_sub01.jpg);
}

.breadcrumb-bg02 {
  background-image: url(/sub/img/m_btnclub_sub02.jpg);
}

.breadcrumb-bg03 {
  background-image: url(/sub/img/m_btnclub_sub03.jpg);
}

.breadcrumb-bg04 {
  background-image: url(/sub/img/m_btnclub_sub04.jpg);
}


	.flash-text {
	    font-size: 4vh;
		line-height: 1.2;
	}


.main_sub_title {
	    font-size: 3vh;
	}


.shop-banner1 .sale-percent span, .shop-banner2 .sale-percent span, .shop-banner3 .sale-percent span {
	    font-size: 2.7vh;
}



.abt-section .abt-text2 {
  padding: 1px;
  padding-left: 1vw;
}




.sub-title {
  font-size: 7vw;
}

.sub-title3 {
  font-size: 7vw;
  line-height: 5vh;
}


.sub-font25 {
  font-size: 5.0vw;
  }


.sub-font18 {
  font-size: 4.4vw;
  }

.sub-font16 {
  font-size: 4vw;
  }



.breadcrumb-section {
  padding: 100px 0;
  padding-top: 100px;
}

	.main-icon {
		padding-top:0.9vh;
}

	.sub-notice {
		width:20%;
}

	.play-btn2 {
		display:none;
}

	.site-logo img {
	    max-width: 150px;
	}

	.responsive-menu-wrap {
	    top: -35px;
	}

	span.close-btn {
		right: 35px;
	}
	.header-icons {
	    text-align: center;
	}
	.hero-text h1 {
	    font-size: 4.5vh;
	}

	.hero-text p.subtitle {
	    font-size: 13px;
	}
	.section-title p {
	    max-width: 400px;
	}

	.section-title h3 {
	    font-size: 4vh;
		letter-spacing: -2px;
	}

	p.testimonial-body {
	    font-size: 15px;
	}
	.responsive-menu {
	    left: auto;
	    right: 0;
	}

	.flash_hide {
		display:none;
		}

owl-theme .owl-dots { 
		top:80%;

		}

	.featured-section {
	    padding: 0;
	}

	a.video-play-btn {
	    right: auto;
	    left: 50%;
	    margin-left: -45px;
	}

	.shop-banner h3 {
		font-size: 34px;
	}

	.footer-box {
	    margin-bottom: 50px;
	}

	.copyright p {
	    text-align: center;
	}

	.social-icons {
	    text-align: center;
	}

	.footer-area {
		padding: 80px 0;
	}

	.hero-text {
	    text-align: center;
	}

	.responsive-menu-wrap {
	    position: relative;
	}

	.breadcrumb-text h1 {
	    font-size: 30px;
	}

	.feature-bg:after {
	    display: none;
	}
	
	.text-block {
	    margin-bottom: 50px;
	}

	.single-team-item {
	    margin-bottom: 50px;
	}

	.team-bg {
	    height: 450px;
	}

	.total-section {
	    margin-top: 30px;
	}

	.order-details-wrap {
	    margin-top: 50px;
	}

	.contact-form form p input[type=text], 
	.contact-form form p input[type=tel], 
	.contact-form form p input[type=email] {
	    width: 100%;
	}
	.contact-form form p input[type=tel] {
		margin-bottom: 15px;
	}

	.contact-form form p input[type=email] {
	    margin-left: 0;
	    margin-top: 15px;
	}

	.find-location p {
	    font-size: 20px;
	}

	.comment-template form p input[type=email] {
	    margin-left: 0;
	    margin-top: 15px;
	}

	.comment-template form p input[type=text], 
	.comment-template form p input[type=email] {
	    width: 100%;
	}

	.sidebar-section {
	    margin-left: 0;
	    margin-top: 50px;
	}

	.single-product-content {
	    margin-left: 0;
	    margin-top: 15px;
	}

	.single-product-content h3 {
	    font-size: 20px;
	    line-height: 1.5;
	}

	.product-image {
	    padding: 60px;
	    padding-bottom: 0;
	}

	.header-icons {
	    text-align: right;
	    margin-top: 15px;
	}

	.feature-bg {
	    margin: 100px 0;
	}

	.margin-top-150p {
	    margin-top: 650px;
	}



	.hero-area div.hero-form {
		right: 0;
	}

	.hero-btns a.boxed-btn {
'	    display: block;
	    margin: 0 auto;
	}


	.hero-btns a.bordered-btn {
'	    display: block;
	    margin: 0 auto;
	}
	
	
	.hero-btns {
	    text-align: center;
	}

	.hero-btns a.boxed-btn  {
	    margin-left: 0;
	    margin-top: 15px;
'	    display: block;
	}

	.hero-btns a.bordered-btn  {
	    margin-left: 0;
	    margin-top: 15px;
'	    display: block;
	}



	.hero-area div.hero-form {
		width: auto;
	}
	.section-title p {
		max-width: 285px;
	}

	p.testimonial-body {
		max-width: 285px;
	}
	.hero-area div.hero-form {
		top: 0;
	}
	.single-media-wrap h4 {
	    font-size: 15px;
	}

	.sticky-wrapper.is-sticky .top-header-area {
	    position: absolute!important;
	    background-color: transparent;
	    padding: 25px 0;
	}
	.featured-box {
	    padding: 0 45px;
	    margin-bottom: 10px;
	}

	.featured-section {
	    padding: 100px 0;
	}
	.search-bar-tablecell input {
	    font-size: 20px;
	}
	.header-icons {
		margin-top: 0;
	}
	.site-logo {
    position: absolute;
	    z-index: 99;
	}

	.mean-container .mean-bar {
	    z-index: 2;
	}



	.service-text h3 {
	    font-size: 18px;
	}
	.featured-box h2 {
	    font-size: 23px;
	}

	.featured-box h3 {
	    font-size: 18px;
	}

	.cta-text h3 {
	    line-height: 1.6;
	}

	.news-text-box h3 {
	    font-size: 20px;
	    line-height: 1.2;
	}

	.copyright p {
	    padding-bottom: 0;
	}
	.single-service-box {
	    padding: 30px;
	}

	.service-icon-table {
	    height: 80px;
	}

	.service-icon-tablecell i {
	    font-size: 30px;
	}

	.main-menu {
	    display: none;
	}
	.error-text h1 {
	    font-size: 25px;
	}
	h2.widget-title {
	    font-size: 24px;
	}
	.cart-table-wrap {
	    width: 100%;
	    overflow-x: scroll;
	}
	table.cart-table {
		width: 690px;
	}
	.cart-buttons a:first-child {
	    margin-bottom: 15px;
	}
	.form-title h2 {
	    font-size: 20px;
	}

	.contact-form-box h4 i {
	    left: -20%;
	}
	.featured-text p {
	    line-height: 1.8;
	}
	.single-artcile-bg {
	    height: 300px;
	}

	.single-article-text h2 {
	    font-size: 20px;
	}

	.comments-list-wrap h3, .comment-template h4 {
	    font-size: 20px;
	}

	.comment-user-avater img {
	    max-width: 45px;
	}

	.comment-text-body {
	    padding-left: 60px;
	}

	.comment-text-body h4 a {
	    display: block;
	    border: none;
	    margin-left: 0;
	    margin-top: 10px;
	}

	.comment-text-body h4 {
	    font-size: 18px;
	}

	.comment-text-body p {
	    line-height: 1.8;
	}

	.single-comment-body.child {
	    margin-left: 0;
	}
	.single-product-content h3 {
	    font-size: 20px;
	    line-height: 1.5;
	}
	a.mobile-hide.search-bar-icon {
	    display: none!important;
	}
	.mobile-show {
		display: block!important;
	}
	a.mobile-show.search-bar-icon {
	    position: absolute;
	    right: 60px;
	    top: 22px;
	    z-index: 999;
	    color: #fff;
	}
}




/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 

	.m_display-hidden {
	    display: none;
	}	
	
	.hero-area div.hero-form {
	    margin: 0 auto;
	    right: auto;
	    width: 380px;
	    left: 50%;
	    margin-left: -190px;
	}

	.hero-btns {
	    text-align: center;
	}

	.hero-btns a.bordered-btn {
	    margin-left: 0;
	    margin-top: 15px;
'	    display: block;
	}
}