/*
/* Version: 1.0 
*/
/*-------- css code for responsive layout  --------*/

/*  To make Responsive
---------------------------------------------------------------------- /
*	1 - media screen and (max-width: 1750px)
*   2 - media screen and (max-width: 1680px)
*   3 - media screen and (max-width: 1280px)
*   4 - media screen and (max-width: 1199px)
*   5 - media screen and (max-width: 1024px)
*   6 - media screen and (max-width: 991px)
*   7 - media screen and (max-width: 767px)
*   8 - media screen and (max-width: 680px)
*   9 - media screen and (max-width: 480px)
*   10 - media screen and (max-width: 320px)
*
---------------------------------------------------------------------- */

/*  1 - media screen and (max-width: 1750px)
---------------------------------------------------------------------- */
@media screen and (max-width: 1750px) { 
	.club-timing ul {
		width: 80%;
		margin: auto;
		padding-right: 16%;
	}
	.sub-slider {
		width: 300px;
		height: 300px;
		bottom: 60px;
	}

}
/*  1 - media screen and (max-width: 1750px) End
---------------------------------------------------------------------- */



/*  2 - media screen and (max-width: 1680px)
---------------------------------------------------------------------- */
@media screen and (max-width: 1680px) { 
	.main-slider .cdf-content .cdf-title h2 {
		font-size: 40px;
		line-height: 50px;
	}
}
/*  2 - media screen and (max-width: 1680px) End
---------------------------------------------------------------------- */

/*  2 - media screen and (max-width: 1400px)
---------------------------------------------------------------------- */
@media screen and (max-width: 1400px) { 
	.club-timing .col-sm-2 {
		display: none;
	}
	.sub-slider {
		bottom: 30px;
		width: 240px;
		height: 250px;
	}
	.sub-slider-title {
		display: none;
		max-width: 240px;
	}
	.sub-slider-item .owl-nav {
		top: 77.5% !important;
	}
	.main-slider .cdf-content {
		max-width: 550px;
	}
	.main-slider .cdf-content .cdf-title h2 {
		font-size: 40px;
		line-height: 50px;
	}
	.main-slider .cdf-content .cdf-text {
		max-width: 430px;
	}
	.main-slider .cdf-content .cdf-text {
		margin-top: 10px;
	}
	.cdf-button.mt30 {
		margin-top: 25px;
	}
	.club-timing-list {
		margin-left: 15px;
	}
	.club-timing ul {
		width: 85%;
		margin: auto;
		padding-right: 12%;
	}
}
/*  2 - media screen and (max-width: 1400px) End
---------------------------------------------------------------------- */



/*  3 - media screen and (max-width: 1350px)
---------------------------------------------------------------------- */
@media screen and (max-width: 1350px) {
	.sub-slider {
		right: 10px;
	}
	.club-timing-list {
		margin-bottom: 10px;
	}
	/* #main-header {
		top: 10px;
	} */
	.pt200 {
		padding-top: 150px;
	}
	.main-slider {
		padding-bottom: 50px;
	}
	.club-timing {
		padding: 15px 0px;
	}
}
/*  2 - media screen and (max-width: 1350px) End
---------------------------------------------------------------------- */



/*  3 - media screen and (max-width: 1280px)
---------------------------------------------------------------------- */
@media screen and (max-width: 1199px) {
	.marquee {
		max-width: 1024px;
		overflow: hidden;
		margin: auto !important;
	}
	.cdf-image-gallery {
		display: flex;
	}
	.section-padding {
		padding: 80px 0;
	}
	.cdf-text.mt40 {
		margin-top: 60px;
	}
	.news-carousel .owl-carousel .owl-nav {
		top: 25%;
	}
	.main-slider .cdf-content .cdf-title h2 {
		font-size: 45px;
		line-height: 50px;
	}
	.main-slider .cdf-content .cdf-title h2 {
		font-size: 36px;
		line-height: 45px;
	}
	.main-slider .cdf-content .cdf-text p {
		font-size: 16px;
	}
	.dj-profile-section .cdf-social li {
		margin-right: 5px;
	}
}
/*  3 - media screen and (max-width: 1280px) End
---------------------------------------------------------------------- */



/*  4 - media screen and (max-width: 1199px) End
---------------------------------------------------------------------- */



/*  5 - media screen and (max-width: 1024px)
---------------------------------------------------------------------- */
@media screen and (max-width: 1024px) { 
	.pt200 {
		padding-top: 100px;
	}
	.cdf-section-title h2 {
		font-size: 28px;
	}
	.cdf-title h2 {
		font-size: 20px;
		line-height: 25px;
	}
	.club-timing {
		padding: 10px 0px;
	}
	.page-breadcrumb.pt200.pb100 {
		padding-top: 180px;
		padding-bottom: 50px;
	}
	.about-us-content.pt150.pb150 {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.about-us-content .cdf-content{
		padding: 0 15px;
	}
	.about-us-content .cdf-image-gallery {
		padding-left:15px;
	}

	.main-slider .cdf-content .cdf-title h2 {
		font-size: 30px;
		line-height: 35px;
	}
	.main-slider .cdf-content .cdf-text {
		max-width: 450px;
	}
	.main-slider .cdf-button.mt30 {
		margin-top: 15px ;
	}
	.sub-slider {
		display: none;
	}
	.club-timing-list {
		font-size: 14px;
	}
	.about-us .cdf-section-title h2 {
		font-size: 28px;
	}
	.about-us .cdf-title h3 {
		font-size: 22px;
		line-height: 28px;
	}
	.about-us .cdf-text p {
		margin-bottom: 20px;
		font-size: 15px;
		line-height: 20px;
	}
	.cdf-image .cdf-meta {
		padding: 8px;
	}
	.cdf-image .cdf-meta li a {
		font-size: 14px;
	}
	.news-section .cdf-text p {
		font-size: 14px;
		line-height: 20px;
	}
	.testmonial-section .client-carousel .cdf-text p {
		max-width: inherit;
	}
	.testmonial-section .client-carousel .cdf-post  {
		margin: 0 50px;
	}
	.owl-carousel .owl-nav .owl-prev {
		position: absolute;
		left: 0;
	}
	.owl-carousel .owl-nav .owl-next {
		position: absolute;
		right: 0;
	}
	.video-slide .owl-nav .owl-prev {
		position: absolute;
		left: -10px;
	}
	.video-slide .owl-nav .owl-next {
		position: absolute;
		right: -10px !important;
	}
	.dj-profile-section .cdf-social li a{
		margin-right: 0;
		padding: 5px 12px;
	}
	.our-video .cdf-title {
		max-width: inherit;
	}
	.oue-club-content {
		left: 0;
	}
	button.slick-next.slick-arrow {
		left: 80px;
	}

	/*=====================*/
	.recent-post .cdf-image {
		float: none;
	}
	.cdf-blog-post.mb80 {
		margin-bottom: 30px;
	}
	/*======================*/

	.gallery-nav.slick-initialized.slick-slider.slick-vertical {
		padding: 30px 20px;
	}

	.google-map-container {
		height: 500px;
	}
	.footer-content.ml120 {
		margin-left: 30px;
	}
	.office-address.mt80 {
		margin-top: 30px;
	}
	.contact-page .footer-content {
		display: table;
		margin: 0 auto;
		text-align: center;
	}
	.marquee {
		max-width: 900px;
		overflow: hidden;
		margin: auto !important;
	}

}
/*  5 - media screen and (max-width: 1024px) End
---------------------------------------------------------------------- */



/*  6 - media screen and (max-width: 991px)
---------------------------------------------------------------------- */
@media screen and (max-width: 991px) { /* for medium device */
	.cdf-logo{width:210px; height: 34px;}
	.marquee {
		max-width: 768px;
		overflow: hidden;
		margin: auto !important;
	}
	.main-slider {
		padding-bottom: 100px;
	}

	.pt200 {
		padding-top: 100px;
	}
	/* #main-header {
		top: 20px;
	} */
	#main-header .navbar-collapse li a {
		font-size: 14px;
	}
	.main-slider .cdf-content .cdf-text p {
		font-size: 15px;
	}
	.main-slider .cdf-content .cdf-title h2 {
		font-size: 26px;
		line-height: 33px;
	}
	.controls {
		position: absolute;
		top: 43px;
		right: 0;
	}
	.continer .counter .days, .continer .counter .hours, .continer .counter .minutes, .continer .counter .seconds, .continer .counter .days-1, .continer .counter .hours-1, .continer .counter .minutes-1, .continer .counter .seconds-1 {
		width: 86px;
	}


}

/*  6 - media screen and (max-width: 991px) End
---------------------------------------------------------------------- */


/*  7 - media screen and (max-width: 768px)
---------------------------------------------------------------------- */
@media screen and (max-width: 768px){ /*For Mobile Device*/
	
	.cdf-logo {
		text-align: left;
		line-height: 15px;
		width: 283px;
    height: 46px;
	}
	.pt200 {
		padding-top: 100px;
	}
	.main-slider {
		padding-bottom: 100px;
	}
	.main-slider .cdf-content .cdf-text p {
		font-size: 15px;
	}
	/* #main-header {
		top: 20px;
	} */
	#main-header .navbar-collapse li a {
		font-size: 15px;
	}
	#main-header .navbar-collapse li a {
		font-size: 12px;
		padding: 10px 15px;
	}

	.main-slider.pt200 {
		padding-top: 100px;
	}

	.main-slider .cdf-content .cdf-title h2 {
		font-size: 20px;
		line-height: 25px;
	}
	.main-slider .cdf-content .cdf-text p {
		font-size: 15px;
		line-height: 20px;
	}
	.main-slider .cdf-content .cdf-text {
		max-width: 365px;
		margin-top: 15px;
	}
	.main-slider .cdf-content {
		margin-bottom: 25px;
	}
	.cdf-button a {
		line-height: 40px;
		font-size: 14px;
		width: 150px;
		height: 40px;
	}
	.border-style-1:before {
		left: 0px;
		top: 0px;
	}
	.main-slider .cdf-button.mt30 {
		margin-top: 5px;
	}
	.main-slider .cdf-content {
		margin-bottom: 25px;
		max-width: 100%;
		left: 45%;
		position: absolute;
		bottom: 18%;
	}
	/*==================*/
	.video-slide-item h3 {
		font-size: 30px;
		color: #fff;
	}
	.our-video {
		padding: 30px 0px 0px;
	}
	.video-slide .owl-stage-outer {
		padding-left: 15px;
	}
	.video-slide.owl-carousel .owl-nav {
		top: 0;
		width: 100px;
		left: 0;
	}
	.our-video .carousel-style-1 {
		display: inline-block;
		width: 30%;
		margin-right: 10px;
		margin-bottom: 35px;
	}

	.video-slide-item-list {
		margin-bottom: 30px;
	} 
	.oue-club-content {
		left: 20%;
	}
	.about-us .cdf-post {
		margin-bottom: 25px;
	} 
	.cdf-section-title h2 {
		font-size: 28px;
		padding: 12px 15px;
	}
	.about-us .cdf-section-title h2 {
		font-size: 28px;
		padding: 12px 15px;
	}

	.about-us .cdf-title h3 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 20px;
	}


	.continer .counter .days, .continer .counter .hours, .continer .counter .minutes, .continer .counter .seconds {
		width: 80px;
		height: 70px;
	}
	.continer .counter .days-1, .continer .counter .hours-1, .continer .counter .minutes-1, .continer .counter .seconds-1 {
		width: 80px;
		height: 70px;
	}

	.cdf-title h3 {
		font-size: 18px;
		margin-bottom: 15px;
		line-height: 25px;
	}
	.section-title {
		padding-bottom: 30px;
	}
	.section-padding {
		padding: 50px 0;
	}


	.cdf-service-post.padding40 {
		padding: 10px;
	}


	.owl-carousel .owl-nav {

	}
	.owl-carousel .owl-nav {
		display: block !important;
		position: inherit; 
		top: inherit; 
		text-align: center;
		margin-top: 25px;
	}
	.owl-carousel .owl-nav .owl-prev {
		position: inherit; 
		left: inherit; 
		display: inline-block;
	}
	.owl-carousel .owl-nav .owl-next {
		position: inherit;
		right: inherit;
		display: inline-block;
		margin-left: 10px;
	}
	.dj-profile-section .cdf-social li {
		margin-right: 5px;
	}
	.blog-section.section-padding {
		padding-bottom: 0;
	}

	/*================================*/
	.page-breadcrumb.pt200.pb100 {
		padding-top: 100px;
		padding-bottom: 30px;
	}
	#sync1 .owl-nav .owl-prev {
		display: none;
	}
	#sync1 .owl-nav .owl-next {
		display: none;
	}

	.gallery figure {
		flex-basis: 100%;
	}

	button.slick-next.slick-arrow {
		left: 72px;
		top: 17px;
	}
	.gallery-slide .slick-prev {
		top: 90%;
		left: 72px;
	}

	.artwork {
		height: 100px;
		width: 100px;
		margin: 10px;
		padding: 0;
	}






	.cdf-social ul li a {
		width: 35px;
		height: 35px;
	}

	.post-comments-area .comments-list {
		padding: 0;
	}
	.comments-list .children {
		margin-left: 20px;
	}
	#leave-comment {
		margin-bottom: 30px;
	}

	.info h4 {
		margin-left: 60px;
	}

	.button-items {
		margin-left: 60px;
	}
	.controls {
		position: absolute;
		top: 30px;
		right: 25px;
	}
	#timer {
		right: 10%;
	}

	/*======================*/
	.our-video .cdf-title {
		text-align: left;
	}
	.our-video .cdf-title h2:after {

		left: 0;
	}

	.footer-section .footer-bottom ul li a {
		margin-bottom: 10px;
	}


	.footer-section .form-control {
		width: 300px;
	}
	.footer-content.ml120 {
		margin-left: 30px;
		margin: 0 auto;
	}
}
/*  7 - media screen and (max-width: 768px) End
---------------------------------------------------------------------- */



/*  8 - media screen and (max-width: 767px)
---------------------------------------------------------------------- */
@media screen and (max-width: 767px){ /*For Mobile Device*/
	.marquee {
		max-width: 400px;
	}
	.main-menu {
		display: none;
	}
	.mobile-menu {
		display: block;
		z-index: 9999;
		position: fixed;
		width: 100%;
		text-align: center;
	}
	.mobile-menu .navbar-nav {
		width: 100%;
		padding: 15px 0;
		margin: 0;
	}
	.navbar-toggle {
		border: 1px solid #ffffff;
		z-index: 9999;
		margin-right: 10px;

	}
	.navbar-toggle .icon-bar {
		background-color: #3359c5;

	}
	#main-header .cdf-manu {
		padding: 0;
		background: #000;
		z-index: 999;
		position: fixed;
		top: 0;
		width: 100%;
	}
	#main-header .navbar-collapse li a {
		font-size: 20px;
	}
	.image-404 {
		padding: 0 15px;
	}
	.footer-section .office-address p {
		margin: 0 auto;
	}
	.footer-section .form-control {
		margin: 0 auto;
	}
}
/*  8 - media screen and (max-width: 767px) End
---------------------------------------------------------------------- */


/*  8 - media screen and (max-width: 680px)
---------------------------------------------------------------------- */
@media screen and (max-width: 680px){ 
	
}
/*  8 - media screen and (max-width: 680px) End
---------------------------------------------------------------------- */


/*  10 - media screen and (max-width: 599px)
---------------------------------------------------------------------- */
@media screen and (max-width: 599px){
	.main-slider .cdf-content .cdf-text {
		display: none;
	}
	.main-slider .cdf-content {
		bottom: 24%;
	}
}
/*  10 - media screen and (max-width: 599px)
---------------------------------------------------------------------- */


/*  9 - media screen and (max-width: 480px)
---------------------------------------------------------------------- */
@media screen and (max-width: 480px){
	
}
/*  9 - media screen and (max-width: 480px) End
---------------------------------------------------------------------- */

/*  9 - media screen and (max-width: 414px)
---------------------------------------------------------------------- */
@media screen and (max-width: 414px){

	.cdf-logo{  width: 250px;
		height: 40px}

	.marquee {
		max-width: 320px;
	}

	.main-slider .cdf-content {
		padding-bottom: 25px;
	}
	.about-us .cdf-post {
		margin-bottom: 40px;
	}
	.testmonial-section .client-carousel .cdf-post {
		margin: 0px 10px;
	}
	.testmonial-section .client-carousel .cdf-image {
		width: 100px;
		height: 100px;
		float: none;
		display: block;
		margin: 0 auto;
	}
	.section-title .cdf-text p {
		padding: 0 10px;
	}
	.cdf-meta li i {
		margin-right: 5px;
	}
	.cdf-meta li {
		margin-right: 10px;
	}
	.container-fluid.mt100.pl70.pr70 {
		padding-left: 15px;
		padding-right: 15px;
	}
	.footer-content.ml120 {
		text-align: center;
	}
	.cdf-news-carosel {
		padding: 0 10px;
	}
	.events-posts {
		margin-bottom: 25px;
	}



	/*============*/
	.all-offers .cdf-post {
		margin-bottom: 35px;
	}

	/*===========*/
	.container-fluid.pl70.pr70.pb70 {
		padding-left: 15px;
		padding-right: 15px;
	}

	/*===============\*/
	.contact-section .row {
		margin: 0;
	}
	/*============*/

	.audio-player-area {
		padding: 35px 0;
	}

	.club-timing {
		text-align: center;
	}
	.player {
		max-width: 100%;
		padding: 15px 30px;
	}
	#slider {
		width: 100%;
	}
	#timer {
		right: 50%;
	}
	.controls {
		position: absolute;
		top: 70px;
		right: 10%;
	}


	/*============*/
	.our-video .carousel-style-1 {
		width: 44%;
		margin-right: 10px;
		margin-left: 10px;
	}
	/*===============*/
	.gallery-nav.slick-initialized.slick-slider.slick-vertical {
		width: 0;
		padding:0;
	}
	button.slick-next.slick-arrow {
		left: 15px;
		top: 17px;
	}
	.gallery-slide .slick-prev {
		bottom: 0;
		left: 15px;
	}
	.oue-club-content {
		left: 15%;
		top: 5%;
	}
	.all-offers .cdf-title h2 {
		font-size: 20px;
		line-height: 26px;
	}
	.office-address .footer-logo img {
		margin: 0 auto;
	}
}
/*  9 - media screen and (max-width: 414px) End
---------------------------------------------------------------------- */


/*  10 - media screen and (max-width: 350px)
---------------------------------------------------------------------- */
@media screen and (max-width: 350px){

	.cdf-logo{  width: 220px;
		height: 36px}
	.about-us-content.pt150.pb150 {
		padding-top: 0px;
		padding-bottom: 20px;
	}


	.continer .counter .days-1, .continer .counter .hours-1, .continer .counter .minutes-1, .continer .counter .seconds-1 {
		width: 70px;
		height: 50px;
	}
	.value-1 {
		font-size: 20px;
	}
	.continer .counter .days span, .continer .counter .hours span, .continer .counter .minutes span, .continer .counter .seconds span, .continer .counter .days-1 span, .continer .counter .hours-1 span, .continer .counter .minutes-1 span, .continer .counter .seconds-1 span {
		font-size: 12px;
	}
	.continer .counter .days, .continer .counter .hours, .continer .counter .minutes, .continer .counter .seconds {
		width: 60px;
		height: 55px;
	}
	.continer .counter .days .value, .continer .counter .hours .value, .continer .counter .minutes .value, .continer .counter .seconds .value, .continer .counter .days .value-1, .continer .counter .hours .value-1, .continer .counter .minutes .value-1, .continer .counter .seconds .value-1 {
		display: block;
		font-size: 20px;
		width: 100%;
		padding-top: 5px;
		line-height: 25px;
	}	
	.continer .counter .days span, .continer .counter .hours span, .continer .counter .minutes span, .continer .counter .seconds span, .continer .counter .days-1 span, .continer .counter .hours-1 span, .continer .counter .minutes-1 span, .continer .counter .seconds-1 span {
		font-size: 12px;
	}
	.events-posts .cdf-post {
		margin-bottom: 25px;
	}
	.event-page .event-carousel {
		display: inline-block;
		margin-top: 20px;
	}
	.section-padding {
		padding: 25px 0;
	}
	.player {
		max-width: 100%;
		padding: 5px 30px;
	}
	/*=================*/
	.our-video .carousel-style-1 {
		width: 90%;
	}
}
/*  10 - media screen and (max-width: 350px)
---------------------------------------------------------------------- */