@media only screen and (min-device-width: 1200px)  and (max-width: 1366px) { /* 1366px */
	.main-menu {
		margin-right: 220px;
	}	
}
@media only screen and (min-width: 1169px) and (max-width: 1024px) {
	.features-services .post.style-three .post-cont{
		left:28%;
		width:82%;	
	}
	
	.curved-carousel .slide-item .text-side{
		padding-left:20px;	
	}
}

@media only screen and (max-width: 1139px){
	.main-header .open-hours{
		display:none;	
	}
	
	.main-menu{
		margin-right:0px;	
	}
	
	.features .post{
		width:100%;
		max-width:720px;
		margin:0 auto 1px;
		float:none;
	}
}


@media only screen and (max-width: 1023px){
	
	
	.main-menu .navbar-nav > li{
		margin-left:10px;	
	}
	
	.main-menu .navbar-nav > li > a{
		padding:8px 12px;	
	}
	
	.main-menu .navbar-nav > li > ul{
		position:relative;
		width:100%;
		left:0px;
		top:0px;
		opacity:1;
		visibility:visible;
		display:none;
		background:#ffffff;
		box-shadow:none;
		border:none;
		margin:0px;
		padding:0px;
		border-radius:0px;
	}
	
	.main-menu .navbar-nav > li > ul > li > ul{
		position:relative;
		width:100%;
		left:0px;
		top:0px;
		opacity:1;
		visibility:visible;
		display:none;
		background:#ffffff;
		box-shadow:none;
		border:none;
		margin:0px;
		padding:0px;
		border-radius:0px;
	}
	
	.main-menu .navbar-nav > li > ul > li:hover > ul{
		display:block;
	}
	
	.curved-carousel .slide-item .text-side{
		width:100%;
		float:none;
		height:auto;
		min-height:0px;
	}
	
	.curved-carousel .slide-item .image-box{
		position:relative;
		width:100%;
		left:0%;
		min-height:350px;	
	}
	
	.curved-carousel .bx-controls{
		position:relative;
		bottom:0px;
		text-align:center;
		padding:15px;
	}
	
	.curved-carousel .slide-item .image-box .text-layer{
		width:100%;
		padding: 10px 5%;
	}
	
	.curved-carousel .slide-item .text-side,
	.curved-carousel .slide-item .text-side .sec-title,
	.curved-carousel .slide-item .text-side .sec-text{
		margin-left:0px;
		transform:skewX(0deg);
		-webkit-transform:skewX(0deg);
		-ms-transform:skewX(0deg);
		-o-transform:skewX(0deg);
		-moz-transform:skewX(0deg);
	}
	
	.tweets-scroller{
		padding-left:0px;	
	}
	
	.tweets-scroller .tweets-slider-container{
		position:relative;
		width:100%;
		height:auto;
		min-height:0px;
		padding:30px 15px;
	}
	
	.tweets-scroller .tweets-slider .slide-item .icon,
	.tweets-scroller .tweets-slider .slide-item-text{
		margin-bottom:20px;	
	}
	
	.tweets-scroller .image-scroller-container{
		margin-left:0px;
		width:100%;
		height:auto;	
	}
	
	.sec-title h2{
		font-size:26px;	
	}
	
	.features-services.style-two .box{
		border:2px solid #ffffff;	
	}
	
	.our-team .member .image .curve{
	transform:skewY(-2deg);
	-webkit-transform:skewY(-2deg);
	-moz-transform:skewY(-2deg);
	-ms-transform:skewY(-2deg);
	-o-transform:skewY(-2deg);
	}
	
	.our-team .member:hover .image .curve{
		transform:skewY(2deg);
		-webkit-transform:skewY(2deg);
		-moz-transform:skewY(2deg);
		-ms-transform:skewY(2deg);
		-o-transform:skewY(2deg);
	}
	
	.price-table .title:after{
		display:none;	
	}
	
	.curved-section .content,
	.curved-section .content .sec-title,
	.curved-section .content .sec-text{
		transform:skewX(0deg);
		-webkit-transform:skewX(0deg);
		-moz-transform:skewX(0deg);
		-ms-transform:skewX(0deg);
		-o-transform:skewX(0deg);
		margin-left:0px;
		width:100%;
	}
	
	.curved-section .image{
		position:relative;
		left:0px;
		top:0px;
		width:100%;
		min-height:0;
		height:350px;	
	}
	
	.blog .col-md-8{
		padding-right:15px;	
	}
	
	.contact-us .map-area{
		position:relative;
		left:0px;
		top:0px;
		height:450px;
		width:100%;	
	}
	
	.contact-us .contact-area:after{
		display:none;	
	}
	
	.contact-us .contact-area{
		width:100%;
		float:none;
		padding:50px;	
	}
	
	.contact-us .contact-area,
	.contact-us .contact-area .contact-title,
	.contact-us .contact-area .contact-form{
		transform:skewX(0deg);
		-webkit-transform:skewX(0deg);
		-ms-transform:skewX(0deg);
		-o-transform:skewX(0deg);
		-moz-transform:skewX(0deg);
	}
	
	.contact-us .contact-area .contact-title .space,
	.contact-us .contact-area .contact-form .fields{
		padding-left:0px;	
	}
	
	.contact-us .contact-area .contact-form .form-group{
		margin-left:-15px;
		margin-right:-15px;	
	}
	
	.schedule .time-table{
		width:1000px;
		overflow-x:auto;	
	}
}



@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.main-menu,
	.main-header .logo{
		float:none;
		width:100%;
		text-align:center;	
	}
	
	.main-menu .navbar-nav > li{
		float:none;
		display:inline-block;
		margin:0px 5px;	
	}
	
	.main-menu .navbar-collapse .navbar-right{
		float:none;
		width:100%;
		padding-top:20px;
	}
	
	.main-menu .navbar-nav > li > a{
		padding-left:15px;
		padding-right:15px;	
	}
	
	.main-menu .navbar-nav li a{
		text-align:left;
	}
}

@media only screen and (max-width: 767px){
            
    .main-header.header-fixed{
        position:relative;
    }
    
    .main-menu{
        padding:0px;
        margin:0px;
        position:relative;
        float:none;
    }
    
    .main-menu .navbar-header{
        float:none;
        padding:0px;
        margin:0px;
        text-align:center;
    }
    
    .main-menu .navbar-toggle{
        display:block;
        float:right;
        margin:15px 0px;
        background:#96be1e;
        border:2px solid #96be1e;
        border-radius:0px;
    }
    
    .main-menu .navbar-toggle .icon-bar{
        background:#ffffff;
    }
    
    .main-menu .navbar-collapse{
        max-height:none;
        position:relative;
        width:100%;
        overflow:visible;
        box-shadow:none;
        border:none;
        background:#f8f8f8;
        padding:0px;
        margin:0px;
        border-radius:0px;
    }
    
    .main-menu .navbar-nav{
        width:100%;
        margin:0px;
        padding:0px;
    }
    
    .main-menu .navbar-nav > li{
        width:100%;
        margin:0px;
        padding:0px;
        border-bottom:1px solid #e0e0e0;
        position:relative;
        float:none;
    }
    
    .main-menu .navbar-nav > li > a{
        width:100%;
        padding:12px 20px;
        text-align:left;
        border:none;
        background:none;
        font-size:14px;
        font-weight:500;
        color:#474747;
        position:relative;
    }
    
    .main-menu .navbar-nav > li > a:hover,
    .main-menu .navbar-nav > li > a:focus{
        background:#96be1e;
        color:#ffffff;
    }
    
    .main-menu .navbar-nav > li.current > a{
        background:#96be1e;
        color:#ffffff;
    }
    
    .main-menu .navbar-nav > li > ul{
        position:relative;
        width:100%;
        left:0px;
        top:0px;
        opacity:1;
        visibility:visible;
        display:none;
        background:#ffffff;
        box-shadow:none;
        border:none;
        margin:0px;
        padding:0px;
        border-radius:0px;
    }
    
    .main-menu .navbar-nav > li:hover > ul{
        display:block;
    }
    
    .main-menu .navbar-nav > li > ul > li{
        width:100%;
        margin:0px;
        padding:0px;
        border-bottom:1px solid #f0f0f0;
    }
    
    .main-menu .navbar-nav > li > ul > li > a{
        width:100%;
        padding:10px 20px 10px 30px;
        text-align:left;
        background:none;
        color:#666666;
        font-size:13px;
        border:none;
    }
    
    .main-menu .navbar-nav > li > ul > li > a:hover{
        background:#f5f5f5;
        color:#96be1e;
    }
    
    .logo{
        float:left;
        margin:10px 0px;
    }
    
    .logo img{
        max-width:180px;
        height:auto;
    }
    
    .open-hours{
        position:fixed !important;
        bottom:0;
        left:0;
        right:0;
        top:auto !important;
        width:100%;
        min-height:auto !important;
        padding:10px 15px !important;
        background:#96be1e !important;
        transform:none !important;
        -webkit-transform:none !important;
        -ms-transform:none !important;
        text-align:center;
        z-index:9999;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
    }
    
    .open-hours .toggle-open-hours{
        transform:none !important;
        -webkit-transform:none !important;
        -ms-transform:none !important;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:10px;
    }
    
    .open-hours .toggle-open-hours br{
        display:none;
    }
    
    .open-hours .toggle-open-hours .fa-calculator{
        font-size:22px !important;
    }
    
    .main-header.header-fixed .open-hours{
        opacity:1 !important;
        z-index:9999 !important;
    }
    
    .comment-details {
        margin-left:0px; 
        padding-top:100px;
    }
    .comments:before {
        display:none;
    }
    section#blog, section.single.blog {
        padding-top:120px !important;
    }
    .title-head { 
        font-size:24px;
    }
    .author img { 
        position:static; 
        display:block; 
        margin:0 auto; 
        padding-top:40px;
    }
    .author-comment { 
        margin-left:0px;
        padding-top:30px; 
        float:none;
     }
    .comment-area input[type="text"], 
    .comment-area input[type="phone"], 
    .comment-area textarea, 
    .comment-area input[type="email"]{ 
        width:100%;
    }
    .blog form { 
        padding-left:10px; 
        padding-right:10px;
    }
    .blog .post-content { 
        padding:25px 25px;
    }
    
    .workout-sessions .post .images .col-md-4{
        margin-bottom:15px;    
    }
    
    .products .product{
        margin-bottom:30px;    
    }
    
    .features-services .post{
        background-position:left top;
        min-height:320px;    
    }
    
    .features-services .post.style-three .post-cont{
        background:rgba(12,31,52,0.60);
        left:0px;
        bottom:0px;
        width:100%;
        height:auto;
        transform:skewX(0deg);
        -webkit-transform:skewX(0deg);
        -ms-transform:skewX(0deg);
        -moz-transform:skewX(0deg);
        -o-transform:skewX(0deg);
    }
    
    .features-services .post.style-three .post-cont .post-text{
        position:absolute;
        bottom:0px;
        width:100%;
        padding:0px 15px 60px;
        text-align:center;
        transform:skewX(0deg);
        -webkit-transform:skewX(0deg);
        -ms-transform:skewX(0deg);
        -moz-transform:skewX(0deg);
        -o-transform:skewX(0deg);
    }
    
    .features-services{
        margin-top:20px;    
    }
    
    .features-services .post.style-three .post-text .more{
        bottom:10px;
        right:20px;    
    }
    
    .featured-courses .column-container{
        margin-left:0px;
        margin-right:0px;
        padding:15px;
    }
    
    .featured-courses .column-container .column{
        float:none;
        padding:15px 0px;
        width:100%;
    }
    
    .featured-courses .column .post:last-child{
        border-bottom:1px solid #dddddd;    
    }
    
    /* Slider responsive fixes */
    .tp-caption.lfb.stb.tp-resizeme,
    .tp-caption.lfr.tp-resizeme {
        max-width: 90% !important;
        white-space: normal !important;
        text-align: center !important;
        left: 5% !important;
        right: 5% !important;
    }
    
    .curved-layer {
        font-size: 14px !important;
        padding: 10px 15px !important;
    }
    
    .curved-layer h2 {
        font-size: 18px !important;
    }
    
    .curved-layer h3 {
        font-size: 16px !important;
    }
    
    /* Gallery fixes */
    #image-gallery .col-lg-6 {
        width: 100% !important;
        margin-bottom: 20px;
    }
    
    /* Service cards fixes */
    .our-offers .offer {
        margin-bottom: 30px;
    }
    
    .our-offers .offer .image img {
        width: 100%;
        height: auto;
    }
    
    /* Fact counter fixes */
    .fact-counter .block {
        margin-bottom: 30px;
    }
    
    .fact-counter .dial {
        width: 120px !important;
        height: 120px !important;
    }
    
    /* Footer fixes */
    .main-footer .footer-widget {
        margin-bottom: 30px;
        text-align: center;
    }
    
    .main-footer .social-links {
        text-align: center;
        margin-bottom: 20px;
    }
    
    .main-footer .upper h2 {
        text-align: center;
        margin-bottom: 15px;
    }
    
    /* Additional mobile fixes */
    .page-banner h1 {
        font-size: 28px !important;
    }
    
    .sec-title h2 {
        font-size: 24px !important;
        line-height: 1.3;
    }
    
    .sec-title h3 {
        font-size: 18px !important;
    }
    
    /* Features section mobile fixes */
    .features .post .image {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .features .post .text {
        width: 100%;
        padding: 0 15px;
    }
    
    /* Services page mobile fixes */
    .features .post {
        margin-bottom: 30px;
        padding: 20px;
    }
    
    /* Client logos mobile fixes */
    .client-logos .slider .slide-item {
        width: 50%;
        float: left;
        padding: 10px;
        text-align: center;
    }
    
    .client-logos .slider .slide-item img {
        max-width: 120px;
        height: auto;
    }
}

/* Extra small devices (phones, 480px and down) */
@media only screen and (max-width: 480px) {
    .logo img {
        max-width: 150px;
    }
    
    .page-banner h1 {
        font-size: 22px !important;
    }
    
    .sec-title h2 {
        font-size: 20px !important;
    }
    
    .sec-title h3 {
        font-size: 16px !important;
    }
    
    .main-menu .navbar-toggle {
        margin: 10px 0px;
    }
    
    .open-hours {
        padding: 8px 10px !important;
    }
    
    .open-hours .toggle-open-hours .fa-calculator {
        font-size: 18px !important;
    }
    
    .blink-cotiza {
        font-size: 12px;
    }
    
    /* Gallery mobile fixes */
    #image-gallery .col-lg-6 {
        width: 100% !important;
        margin-bottom: 15px;
    }
    
    #image-gallery .overlay h2 {
        font-size: 16px !important;
    }
    
    /* Service cards mobile fixes */
    .our-offers .offer .text h3 {
        font-size: 16px;
    }
    
    .our-offers .offer .text p {
        font-size: 13px;
    }
    
    /* Fact counter mobile fixes */
    .fact-counter .block p {
        font-size: 12px;
    }
    
    .fact-counter .dial {
        width: 100px !important;
        height: 100px !important;
    }
    
    /* Client logos mobile fixes */
    .client-logos .slider .slide-item {
        width: 100%;
        float: none;
        padding: 5px;
    }
    
    .client-logos .slider .slide-item img {
        max-width: 100px;
        height: auto;
    }
}