@supports (-webkit-touch-callout: none) {
   .main-menu { display: none !important;}
}

@supports not (-webkit-touch-callout: none) {
  /* CSS for other than iOS devices */ 
}

@media screen and (min-width :100px) and (max-width : 479px){
	body { font-size: 13px; }
.mobile-logo { display: block; width:45%; padding-left:15px !important;}
 .main-header .logo-area { display: none;}
 .booking-buttons a { display:block; margin:3% 0;}
 .about-fitness-left { width:100%; float:none;}
 .about-fitness-right { width:100%; float:none; padding-right:12px; padding-left:12px; }
 .about-fitness-left .about-left-img img { z-index: inherit;}
 .esaly-section h1 { font-size:24px;}
 .esaly-section .esaly-right .title { font-size:20px;}
 .top-info::before { transform:none;}
 .top-info ul.contact-top { display:none;}
 .top-info ul.social-top { float:none; width:100%; display:flex; justify-content: center;}
 .esaly-section .esaly-right .number { font-size:70px;}
 .top-sub-header-title-bg { padding: 20px 80px;}
 .top-sub-header-title { font-size: 19px; line-height: 24px; }
 .top-sub-header-breadcrumbs { width: 291px; height: 218px;}
 .content-area h2 { font-size: 28px;}
 .section-background-block { background-position: center top; background-size:auto !important;  background-repeat: no-repeat;}
 header .top-header::after { display: none;}
 header .top-header .right-menu { position: absolute; top:0; text-align: center; width:100%;}
 header .top-header { background-color: rgba(2, 71, 120, 1);}
 header .top-header .navbar-light .navbar-nav .nav-link { padding: inherit;}
 header .top-header .navbar-light { position: relative; z-index: 9999;}

 .navbar { padding:0;}
 .mobile-menu-toggler { display: block;}
 .main-menu { display: none;}
 .qick-register h1 { font-size: 1.5rem;}
 .package .p-r-0 { padding: inherit}
 .package .p-l-0 { padding: inherit}
 .single-award, .single-package { margin-bottom:1rem;}
 .individual-items { margin-bottom: 1rem;}
 .get-app-detail { padding:14px;}
 .testimonial-section::before { display: none;}
 .home-banner .package { padding-top: 1rem;}
 .page-title .top-date ul { display: inherit;}
 .page-title .top-date ul li { display: inherit; text-align:left; border-right: none; border-bottom: 1px solid #ddd;}
 header .header-logo-area .site-logo { padding-bottom: 1rem;}
 header .header-menu { display: none;}
 .page-title .top-date ul li:last-child { text-align: center; width: 80%; margin: 20px auto; border-radius: 20px;}
 .sec-title h2 { font-size: 28px;}
 .inner-box h4 { font-size: 1.2rem;}
 .page-title .bread-crumb { display: none;}
 .page-title { background-image: none !important;}
 .why-us-section { padding-top: 50px; padding-bottom: 50px;}
 .location-sidebar2 ul { width: 100%;}
 
 .page-title h2{ padding-bottom:0px !important;}
 .page-title::before{ height:72% !important;}
 .page-title{ border-bottom:none !important;}
 .why-us-section{ padding-top:15px !important;}
 .p-rgt-0{ padding-right: 15px !important;}
 .p-lft-0{ padding-left: 15px !important;}
 .location-sidebar ul{ width:100% !important;}
}
@media screen and (min-width :480px) and (max-width : 639px){
.mobile-logo { display: block; width:45%; padding-left:15px !important;}
 .main-header .logo-area { display: none;}
 .booking-buttons a { display:block; margin:3% 0;}
 .about-fitness-left { width:100%; float:none;}
 .about-fitness-right { width:100%; float:none; padding-right:12px; padding-left:12px; }
 .about-fitness-left .about-left-img img { z-index: inherit;}
 .esaly-section h1 { font-size:24px;}
 .esaly-section .esaly-right .title { font-size:20px;}
 .top-info::before { transform:none;}
 .top-info ul.contact-top { display:none;}
 .top-info ul.social-top { float:none; width:100%; display:flex; justify-content: center;}
 .esaly-section .esaly-right .number { font-size:70px;}
 .top-sub-header-title-bg { padding: 20px 80px;}
 .top-sub-header-title { font-size: 19px; line-height: 24px; }
 .top-sub-header-breadcrumbs { width: 291px; height: 218px;}
 .content-area h2 { font-size: 28px;}
 .section-background-block { background-position: center top; background-size:auto !important;  background-repeat: no-repeat;}
 header .top-header::after { display: none;}
 header .top-header .right-menu { position: absolute; top:0; text-align: center; width:100%;}
 header .top-header { background-color: rgba(2, 71, 120, 1);}
 header .top-header .navbar-light .navbar-nav .nav-link { padding: inherit;}
 header .top-header .navbar-light { position: relative; z-index: 9999;}
.home-banner .package { padding-top: 1rem;}
 .navbar { padding:0;}
 .mobile-menu-toggler { display: block;}
 .main-menu { display: none;}
 .qick-register h1 { font-size: 1.5rem;}
 .package .p-r-0 { padding: inherit}
 
 
 
}

@media screen and (min-width :640px) and (max-width : 767px){
.mobile-logo { display: block; width:45%; padding-left:15px !important;}
 .main-header .logo-area { display: none;}
 .booking-buttons a { display:block; margin:3% 0;}
 .about-fitness-left { width:100%; float:none;}
 .about-fitness-right { width:100%; float:none; padding-right:12px; padding-left:12px; }
 .about-fitness-left .about-left-img img { z-index: inherit;}
 .esaly-section h1 { font-size:24px;}
 .esaly-section .esaly-right .title { font-size:20px;}
 .top-info::before { transform:none;}
 .top-info ul.contact-top { display:none;}
 .top-info ul.social-top { float:none; width:100%; display:flex; justify-content: center;}
 .esaly-section .esaly-right .number { font-size:70px;}
 .top-sub-header-title-bg { padding: 20px 80px;}
 .top-sub-header-title { font-size: 19px; line-height: 24px; }
 .top-sub-header-breadcrumbs { width: 291px; height: 218px;}
 .content-area h2 { font-size: 28px;}
 .section-background-block { background-position: center top; background-size:auto !important;  background-repeat: no-repeat;}
 header .top-header::after { display: none;}
 header .top-header .right-menu { position: absolute; top:0; text-align: center; width:100%; display: none;}
 header .top-header { background-color: rgba(2, 71, 120, 1);}
 header .top-header .navbar-light .navbar-nav .nav-link { padding: inherit;}
 header .top-header .navbar-light { position: relative; z-index: 9999;}

 .navbar { padding:0;}
 .mobile-menu-toggler { display: block;}
 .main-menu { display: none;}
 .qick-register h1 { font-size: 1.5rem;}
 .package .p-r-0 { padding: inherit} }

@media screen and (min-width :768px) and (max-width : 1179px){ 
.qick-register h1 { font-size: 1.5rem;}
.main-menu { display: none}
.mobile-menu-toggler { display: block;}
header .top-header::after { width: 34%;}
.color-box h3 { font-size: 16px; line-height:50px;}
.single-plan-section h3 { font-size: 12px}
.service h3 { font-size: 12px;}
.service .service-icon { width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
.awards-section h2 { font-size: 1.5rem;}
.awards { width:75%;}
.single-award h3 { font-size: 14px; min-height: 90px;}
.single-package ul li { line-height: 2; font-size: 14px;}
.individual-items h3 { font-size: 1.5rem;}
.page-title .top-date ul li { padding: 0 10px;}
 }
@media screen and (min-width: 1920px) and (max-width: 2200px){
	header .top-header:after { position: absolute; right:0; height:100%; width:32%; background-color:rgba(2, 71, 120, 1); content:''; top:0;}
	.rgt-package { width: 90%; padding:1.8rem;}
	.home-banner .package { padding-top:0;}
	.rgt-package ul { margin-bottom: 3rem}
	.student-img img { width: 100%;}
}
@media screen and (min-width: 1600px) and (max-width: 1919px){
	header .top-header:after { position: absolute; right:0; height:100%; width:30%; background-color:rgba(2, 71, 120, 1); content:''; top:0;}
	.rgt-package { width: 85%; padding:1.8rem;}
	.home-banner .package { padding-top:0;}
	.rgt-package ul { margin-bottom: 2.5rem;}
	.student-img img { width: 100%;}
}
/*@media screen and (min-width: 1650px) and (max-width: 2100px){
.padding-space { padding-top:138px; padding-bottom:138px;}
.midd-line { right: 16.85%;}

}
*/