@charset "utf-8";
@media only screen and (max-width: 2560px) {
	.mobile_block {
		display: none!important
	}
}
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
	.socialHolder {
		right: -20px
	}
	.slide__text {
		left: 3%
	}
	#club-form {
		padding: 172px 0
	}
	.new_conatcts::before {
		left: -20%;
		top: -22px
	}
	.banner4 {
		background-position: 100% 159%!important
	}
	.my_clas {
		background-position: 100% 227%!important
	}
	.btvj {
		background-position: 100% 225%!important
	}
	.banner12 {
		background-position: 100% 320%!important
	}
	.banner8 {
		background-position: 100% 288%!important
	}
	.banner9 {
		background-position: 100% 337%!important
	}
	.banner2 {
		background-position: 100% 262%!important
	}
	.banner11 {
		background-position: 100% 388%!important
	}
	.banner5 {
		background-position: 100% 307%!important
	}
	.banner13 {
		background-position: 100% 425%!important
	}
	.banner17 {
		background-position: 100% 300%!important
	}
	.banner18 {
		background-position: 100% 345%!important
	}
	.banner20 {
		background-position: 100% 248%!important
	}
	.banner22 {
		background-position: 100% 300%!important
	}
	.banner23 {
		background-position: 100% 270%!important
	}
	.banner24 {
		background-position: 100% 322%!important
	}
	.banner25 {
		background-position: 100% 19%!important
	}
	.banner27 {
		background-position: 100% 28%!important
	}
	.banner28 {
		background-position: 100% 198%!important
	}
}
@media only screen and (min-width: 1800px) and (max-width: 1920px) {
	.socialHolder {
		right: -39px
	}
	#gallery .gallery span.gallery-icon {
		top: 40%!important
	}
	#club-form {
		background-size: 38% auto
	}
	.slide__text {
		left: 3%
	}
	#club-form {
		padding: 172px 0
	}
	.new_conatcts::before {
		left: -27%
	}
	.banner4 {
		background-position: 100% 159%!important
	}
	.my_clas {
		background-position: 100% 76%!important
	}
	.btvj {
		background-position: 100% 225%!important
	}
	.banner12 {
		background-position: 100% 320%!important
	}
	.banner8 {
		background-position: 100% 288%!important
	}
	.banner9 {
		background-position: 100% 337%!important
	}
	.banner2 {
		background-position: 100% 262%!important
	}
	.banner11 {
		background-position: 100% 388%!important
	}
	.banner5 {
		background-position: 100% 307%!important
	}
	.banner13 {
		background-position: 100% 425%!important
	}
	.banner17 {
		background-position: 100% 300%!important
	}
	.banner18 {
		background-position: 100% 345%!important
	}
	.banner20 {
		background-position: 100% 248%!important
	}
	.banner22 {
		background-position: 100% 300%!important
	}
	.banner23 {
		background-position: 100% 270%!important
	}
	.banner24 {
		background-position: 100% 322%!important
	}
	.banner25 {
		background-position: 100% 19%!important
	}
	.banner27 {
		background-position: 100% 28%!important
	}
	.banner28 {
		background-position: 100% 198%!important
	}
}
@media only screen and (max-width: 1920px) {
	.gallery-photo-item .photo-thumb img {
		width: 100%
	}
	.gallery-photo-item {
		width: 16.66666%;
		margin-bottom: -4px
	}
}
@media only screen and (min-width: 1440px) and (max-width: 1600px) {
	.socialHolder {
		right: -39px
	}
	.slide__text {
		left: 3%
	}
	#club-form {
		padding: 172px 0
	}
	.new_conatcts::before {
		border-width: 0 0 501px 237px;
		left: -32%
	}
	.banner4 {
		background-position: 100% 159%!important
	}
	.my_clas {
		background-position: 100% 227%!important
	}
	.btvj {
		background-position: 100% 225%!important
	}
	.banner12 {
		background-position: 100% 320%!important
	}
	.banner8 {
		background-position: 100% 288%!important
	}
	.banner9 {
		background-position: 100% 337%!important
	}
	.banner2 {
		background-position: 100% 262%!important
	}
	.banner11 {
		background-position: 100% 388%!important
	}
	.banner5 {
		background-position: 100% 307%!important
	}
	.banner13 {
		background-position: 100% 425%!important
	}
	.banner17 {
		background-position: 100% 300%!important
	}
	.banner18 {
		background-position: 100% 345%!important
	}
	.banner20 {
		background-position: 100% 248%!important
	}
	.banner22 {
		background-position: 100% 300%!important
	}
	.banner23 {
		background-position: 100% 270%!important
	}
	.banner24 {
		background-position: 100% 322%!important
	}
	.banner25 {
		background-position: 100% 19%!important
	}
	.banner27 {
		background-position: 100% 28%!important
	}
	.banner28 {
		background-position: 100% 198%!important
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1439px) {
	.new_conatcts::before {
		border-width: 0 0 501px 220px;
		left: -34%
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1299px) {
	.my_clasing {
		background-image: url("../images/career-main.jpg")!important;
		background-position: 100% 150%!important;
		background-size: cover;
		height: 550px!important
	}
	.new_conatcts::before {
		border-width: 0 0 501px 195px;
		left: -33%;
		top: -21px
	}
}
@media only screen and (min-width: 1100px) and (max-width: 1199px) {
	.new_conatcts::before {
		border-width: 0 0 501px 220px;
		left: -34%
	}
	.bg_careers {
		width: 100%
	}
	.designer_heights {
		height: 265px
	}
	.agencyWrapper {
		padding: 86px 0 50px 64px;
		position: relative;
		z-index: 9
	}
	.new_conatcts::before {
		left: -36%;
		top: -23px;
		border-width: 0 0 504px 199px
	}
	.new_sliding {
		width: 434px
	}
	.slideshow-back {
		height: 284px
	}
}
@media only screen and (max-width: 1299px) {
	#info .info-left img {
		padding-bottom: 15px
	}
	#content ul li {
		max-width: 310px;
		min-height: 203px
	}
	#content .fa-search {
		left: 147px
	}
	.artist-item-inner {
		width: 205px
	}
	.artist-item-inner .fa-flickr {
		display: none
	}
	.navbar-nav>li>a {
		padding: 0 8px
	}
	.gallery-photo-item .photo-thumb img {
		width: 100%
	}
	.gallery-photo-item {
		width: 16.66666%;
		margin-bottom: -4px
	}
	#gallery .gallery span.gallery-icon {
		top: 35%
	}
	.hexagaon_shape {
		left: -23px
	}
	.my_clasing {
		background-image: url("../images/career-main.jpg")!important;
		background-position: 100% 50%!important;
		background-attachment: inherit!important
	}
	.background_decor_right {
		top: 0
	}
	.news_rights {
		top: 0
	}
	.background_decor_right {
		display: none;
		top: 0
	}
}
@media only screen and (max-width: 1199px) {
	.servicess h3 {
		font-size: 36px
	}
	.new_line {
		width: 70%
	}
	#services h1 {
		font-size: 22px
	}
	#services h2 {
		font-size: 15px;
		line-height: 20px
	}
	.icon_se>h3 {
		font-size: 15px
	}
	#header-slider .item h3 {
		bottom: 40%
	}
	#services {
		margin-top: -60px;
		padding: 0 0 80px
	}
	.slide__text-heading {
		font-size: 45px;
		line-height: 50px;
		padding-bottom: 9px
	}
}
@media only screen and (max-width: 1099px) {
	.new_conatcts::before {
		display: none
	}
	.new_conatcts {
		padding-left: 30px;
		width: 50%
	}
	.slideshow-back {
		height: 293px
	}
	.new_sliding {
		width: 430px
	}
	.bg_careers {
		width: 100%
	}
	.agencyWrapper {
		padding: 93px 0 59px 75px
	}
	.gallery_news {
		margin-left: 16px
	}
}
@media only screen and (max-width: 1023px) {
	.new_conatcts::before {
		display: none
	}
	.new_conatcts {
		padding-left: 30px;
		width: 50%
	}
	.logo {
		padding-left: 30px
	}
	.abouts_max {
		width: 100%
	}
	.position_top {
		margin-left: 32%;
		margin-top: -100px
	}
	.timelines_main::after {
		left: -39%
	}
	#services {
		margin-top: -18%;
		padding: 0 0 80px
	}
	.second_max {
		margin-left: 32%;
		margin-top: -10%
	}
	.slide__content {
		top: 35px
	}
	.carousel-inner {
		height: auto!important;
		overflow: hidden
	}
}
@media only screen and (max-width: 992px) {
	.vision_services>p {
		font-size: 34px
	}
	.vision_services>h3 {
		font-size: 40px;
		line-height: 40px;
		width: 56%
	}
	.no-left-padding {
		padding-left: 0
	}
	.navbar-nav>li {
		padding: 0
	}
	.navbar-nav>li>a {
		font-size: 14px
	}
	.btn-concert-registration {
		font-size: 18px
	}
	#header-slider .item .title-lines span,
	#header-slider .item .title span {
		font-size: 36px
	}
	.owl-theme .owl-controls .owl-buttons div {
		border: 0
	}
	.owl-theme .owl-controls .owl-buttons div:hover {
		color: #ff2a70;
		background: 0
	}
	#content ul li {
		width: 310px;
		min-height: 203px;
		margin: 0 auto;
		float: none;
		display: block
	}
	#content,
	#contact {
		background-size: cover
	}
	#content {
		text-align: center
	}
	#content .fa-search {
		top: 115px
	}
	#consult h1 {
		font-size: 26px;
		line-height: 35px
	}
	#testimonial,
	#footer-contact {
		background-size: cover
	}
	.artist-item-inner {
		width: 92%!important
	}
	.carousel-inner {
		overflow: hidden;
		height: 510px!important
	}
	.artist-item-inner {
		bottom: -198px
	}
	.artist-item:hover .artist-item-inner {
		transform: translate3d(0px, -198px, 0px)
	}
	#content li {
		margin-bottom: 15px!important
	}
	#services h2 {
		font-weight: 400;
		font-size: 26px
	}
	#club-form h1 {
		font-size: 26px
	}
	#club-form P {
		font-size: 14px
	}
	.profile-box {
		margin-bottom: 30px
	}
	#club-profiles .profle-box-right h2 {
		font-size: 36px
	}
	#club-profiles .profle-box-right h3 {
		font-size: 20px;
		padding: 8px 0
	}
	#club-profiles .profle-box-right p {
		font-size: 18px;
		padding-bottom: 30px
	}
	#club-profiles .profle-box-right .profile-info p {
		font-size: 12px
	}
	#club-profiles .profle-box-right .profile-info h3 {
		font-size: 18px
	}
	.profile-info img {
		display: inline-block
	}
	.blog-slider {
		margin-bottom: 100px
	}
	.tab-content {
		text-align: center
	}
	#blogs .tab-content img {
		width: 100%
	}
	#blogs .event-time .fa {
		right: 46px
	}
	#blogs .event-detail .event-detail-img {
		width: 36%
	}
	.footer-info img {
		margin-bottom: 35px
	}
	#footer p.footer-text {
		margin-top: 10px;
		font-size: 16px;
		line-height: 30px
	}
	.footer-info {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1)
	}
	.eq {
		height: 72px;
		margin-left: 25px
	}
}
@media only screen and (max-width: 991px) {
	div.module.parallax {
		background-attachment: inherit
	}
	.heights {
		height: 345px!important
	}
	.para_width {
		left: 57px!important;
		margin-left: -97px!important;
		position: relative
	}
	.border_linings::after {
		display: none!important
	}
	#header img {
		height: 60px;
		margin-bottom: 0;
		margin-top: 15px
	}
	.new_sliding {
		width: 650px
	}
	.min_galleryt {
		margin-top: 100px!important
	}
	.heading_befores::before {
		right: -63px
	}
	.blackText {
		right: -26px;
		top: 33px;
		font-size: 28px
	}
	.big_text {
		font-size: 30px
	}
	.new_conatcts {
		height: 519px
	}
	.slide__text-desc {
		display: block!important;
		width: 80%;
		margin: 0 auto;
		margin-top: -25px;
		font-size: 13px;
		line-height: 24px
	}
	.boxed {
		width: 100%
	}
	.slide__text {
		height: 250px
	}
	.logo {
		padding-left: 0
	}
	.logo_mains {
		display: none
	}
	.border_left {
		display: none
	}
	.border_right {
		display: none
	}
	.slide__text {
		background: rgba(0, 0, 0, 0.8)!important;
		bottom: 0;
		height: 250px;
		left: 0;
		padding: 0;
		width: 100%
	}
	.slide__text-heading {
		font-size: 40px;
		line-height: 62px;
		padding-bottom: 9px;
		padding-top: 9px
	}
	.portfolio_listing {
		left: 76px;
		position: relative;
		width: 100%
	}
	.designer_heights {
		height: 275px
	}
	.portfolio_listing .single_portfolio {
		left: -8%
	}
	.slider-pagi {
		visibility: hidden
	}
	.servicess {
		width: 100%
	}
	.about_wo {
		margin: -18px auto 0;
		width: 100%
	}
	.heading_line {
		font-size: 22px;
		margin: 30px auto 36px;
		padding-bottom: 10px;
		text-align: center;
		width: 80%
	}
	.new_line {
		width: 100%
	}
}
@media only screen and (max-width: 980px) {
	.index_about {
		margin-top: -108px!important
	}
	.gif_width {
		position: relative;
		top: 10px;
		width: 100%
	}
}
@media only screen and (max-width: 940px) {
	.heading_befores::before {
		top: 121px
	}
	.border_linings::after {
		display: none!important
	}
}
@media only screen and (max-width: 921px) {
	.heading_befores::before {
		top: 121px
	}
	.text-tranmm {
		margin-top: 291px!important
	}
	.border_linings::after {
		display: none!important
	}
	.expMessage {
		margin: -9px auto 0;
		width: 70%
	}
}
@media only screen and (max-width: 860px) {
	.my_clas {
		background-position: 100% 160%!important
	}
	.text-tranmm {
		margin-top: 252px!important
	}
}
@media only screen and (max-width: 800px) {
	#header.affix img {
		margin-left: 10px!important
	}
	.services-inner {
		margin-left: -60px;
		margin-top: -60px
	}
	.news_collums {
		margin-top: 45px
	}
	.owl-theme .owl-controls .owl-buttons .owl-next {
		right: -20px
	}
	.owl-theme .owl-controls .owl-buttons .owl-prev {
		left: -20px
	}
	.new_cls {
		background-position: 100% -25px!important
	}
	
	#header.affix img {
		margin-left: 90px
	}
	.affix .gif_width {
		position: relative;
		top: 29px;
		width: 100%
	}
	.icon_se {
		margin-bottom: -36px;
		padding-bottom: 27px
	}
	#header.affix img {
		height: 70px;
		margin-top: 16px
	}
	.circle_width {
		width: 33.4%!important
	}
	.icon_width {
		margin: 62px auto 0;
		width: 18%;
		margin-bottom: 0
	}
	.index_about {
		margin-top: -16px!important
	}
	.gif_width {
		position: relative;
		top: 10px;
		width: 100%!important
	}
	iframe {
		height: 513px!important;
		width: 100%!important
	}
	.heights {
		height: auto!important
	}
	.icon_width {
		margin: 62px auto 0;
		width: 45%
	}
	#header.affix img {
		margin-left: 15px!important
	}
}
@media only screen and (max-width: 768px) {
	.owl-theme .owl-controls .owl-buttons div {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 14px
	}
	.owl-theme .owl-controls .owl-buttons .owl-next {
		right: -10px
	}
	.owl-theme .owl-controls .owl-buttons .owl-prev {
		left: -5px
	}
	.contact-left {
		padding-bottom: 30px
	}
	.registerForm input[name="name"],
	.registerForm input[name="email"],
	.registerForm input[type="submit"],
	.footer-contact-form input[type="text"],
	.footer-contact-form input[type="email"],
	.footer-contact-form input[type="submit"],
	.footer-contact-form textarea {
		width: 100%
	}
	#consult a {
		width: 300px
	}
	#banner h2 {
		border: 2px solid #fff;
		color: #fff;
		font-family: "Slabo 27px";
		font-size: 32px;
		height: auto;
		line-height: 33px;
		margin: 0 auto;
		width: 271px
	}
	#packages .package-box {
		margin-bottom: 20px
	}
	#testimonial p {
		width: 400px
	}
	.footer-contact-form {
		padding-bottom: 30px
	}
	.artist-item-inner {
		width: 92%!important
	}
	.artist-item:hover .artist-item-inner {
		transform: translate3d(0px, -300px, 0px)
	}
	.navbar-nav>li {
		padding: 10px 0
	}
	#header nav {
		text-align: left!important
	}
	.navbar-nav {
		float: left!important
	}
	#banner h1 {
		font-size: 26px
	}
	#banner h2 {
		font-size: 20px;
		width: 283px
	}
	.affix .gif_width {
		position: relative;
		top: 29px;
		width: 33%
	}
	.icon_se {
		margin-bottom: -36px;
		padding-bottom: 27px
	}
	#header.affix img {
		height: 70px;
		margin-top: 16px
	}
	.circle_width {
		width: 33.4%!important
	}
	.icon_width {
		margin: 62px auto 0;
		width: 18%;
		margin-bottom: 0
	}
	.index_about {
		margin-top: 100px!important
	}
	.gif_width {
		position: relative;
		top: 10px;
		width: 40%
	}
	iframe {
		height: 513px!important;
		width: 100%!important
	}
	.heights {
		height: auto!important
	}
	.icon_width {
		margin: 62px auto 0;
		width: 45%
	}
	#header.affix img {
		margin-left: 15px!important
	}
	.values_min {
		margin-left: 136px
	}
	.border_linings::after {
		display: none
	}
	.navbar-nav {
		float: right!important
	}
	#header img {
	height: 47px;
}
	.logo-img {
		margin-left: 0
	}
	#header-slider .item h3 {
		bottom: 50%
	}
	#header-slider .item h3 {
		font-size: 23px
	}
	#header-slider .item h3 b {
		font-size: 46px
	}
	#header-slider .item h3 span {
		font-size: 23px
	}
	#banner .banner-inner {
		margin-bottom: -122px
	}
	.slide__text {
		height: 300px
	}
}
@media only screen and (max-width: 767px) {
	.bg-career {
		background-color: transparent!important
	}
	.bg-career {
		background-color: transparent;
		padding-top: 100px
	}
	.agencyWrapper {
		padding: 91px 43px 53px 39px
	}
	.career-tantraa {
		display: none
	}
	.mobile_block {
		display: block!important
	}
	.mobile_none {
		display: none!important
	}
	.affix .gif_width {
		position: relative;
		top: 29px;
		width: 33%
	}
	.icon_se {
		margin-bottom: -36px;
		padding-bottom: 27px
	}
	#header.affix img {
		height: 70px;
		margin-top: 16px
	}
	.circle_width {
		width: 33.4%!important
	}
	.icon_width {
		margin: 62px auto 0;
		width: 18%;
		margin-bottom: 0
	}
	.index_about {
		margin-top: 0!important
	}
	.gif_width {
		position: relative;
		top: 10px;
		width: 40%
	}
	iframe {
		height: 513px!important;
		width: 100%!important
	}
	.heights {
		height: 640px!important
	}
	#header.affix img {
		margin-left: 15px!important
	}
	.circle_width {
		width: 33%!important
	}
	#header.affix img {
		height: 70px;
		margin-top: 16px
	}
	.index_services {
		margin-top: 39px!important
	}
	#header {
	    top: -10px;
	    height: 73px;
    }
	.navbar-default .navbar-toggle {
		border-color: #f6f7f9;
		background: #f58634!important
	}
	.navbar-toggle {
		margin-top: -69px
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #f6f7f9
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border-color: #e7e7e7;
		background: #333;
		margin-top: -2px
	}
	.navbar li {
		min-height: 45px;
		margin-top: 0;
		float: left
	}
	.affix .navbar li {
		min-height: 45px;
		margin-top: 0
	}
	.services-inner {
		margin-top: 160px
	}
	.portfolio_listing {
		width: 100%
	}
	.min_services {
		margin-bottom: -59px;
		margin-left: 85px
	}
	.portfolio_listing .single_portfolio {
		left: 0
	}
	.about_right>h4 {
		font-size: 14px
	}
	.portfolio_listing .single_portfolio {
		height: 180px;
		width: 180px
	}
	.our_services .icon_holder {
		font-size: 24px;
		margin-top: -33px
	}
	.top_services {
		margin-left: 83px;
		margin-top: -58px
	}
	.single_portfolio.item:hover h4 {
		font-size: 13px;
		margin-top: -14px;
		margin-bottom: 5px
	}
	.single_portfolio.item:hover .icon_holder>.fa {
		margin-top: -9px
	}
	.single_portfolio.item.greyscale:hover .icon_holder {
		margin-top: 11px
	}
	iframe {
		width: 100%;
		height: 700px
	}
	.new_conatcts {
		height: 700px
	}
	.contactForm textarea,
	.contactForm input[type="text"],
	.contactForm input[type="number"],
	.contactForm input[type="email"],
	.contactForm input[type="tel"] {
		width: 100%;
		margin: 5px 0
	}
}
@media only screen and (max-width: 750px) {
	.affix .gif_width {
		position: relative;
		top: 29px;
		width: 33%
	}
	.icon_se {
		margin-bottom: -36px;
		padding-bottom: 27px
	}
	#header.affix img {
		height: 70px;
		margin-top: 16px
	}
	.circle_width {
		width: 33.4%!important
	}
	.icon_width {
		margin: 62px auto 0;
		width: 18%;
		margin-bottom: 0
	}
	.index_about {
		margin-top: -52px!important
	}
	.gif_width {
		position: relative;
		top: 10px;
		width: 40%
	}
	iframe {
		height: 513px!important;
		width: 100%!important
	}
	.heights {
		height: 640px!important
	}
	#header.affix img {
		margin-left: 15px!important
	}
	#banner .banner-inner {
		margin-bottom: -52%
	}
	.index_services {
		margin-top: 235px!important
	}
	#banner .banner-inner {
		margin-top: 39px
	}
	.new_sliding {
		width: 100%
	}
	#header.affix img {
		height: 70px;
		margin-top: 16px
	}
}
@media only screen and (max-width: 740px) {
	#header.affix img {
		height: 70px;
		margin-top: 16px
	}
}
@media only screen and (max-width: 721px) {
	.icon_se {
		margin-bottom: -36px;
		padding-bottom: 27px
	}
	#header.affix img {
		height: 70px;
		margin-top: 16px
	}
	.circle_width {
		width: 33.4%!important
	}
	.icon_width {
		margin: 62px auto 0;
		width: 18%;
		margin-bottom: 0
	}
	.index_about {
		margin-top: -52px!important
	}
	.gif_width {
		position: relative;
		top: 10px;
		width: 40%
	}
	iframe {
		height: 513px!important;
		width: 100%!important
	}
	.heights {
		height: 640px!important
	}
	#header.affix img {
		margin-left: 15px!important
	}
}
@media only screen and (max-width: 680px) {
	.bg-career {
		background-color: transparent!important
	}
	.bg-career {
		background-color: transparent;
		padding-top: 100px
	}
	.agencyWrapper {
		padding: 91px 43px 53px 39px
	}
	.career-tantraa {
		display: none
	}
	.icon_width {
		margin: 50px auto 0;
		width: 20%
	}
	iframe {
		height: 513px!important;
		width: 100%!important
	}
	.heights {
		height: 640px!important
	}
	.affix .gif_width {
		display: none
	}
	.values_min {
		margin-left: 30%!important
	}
	.para_width {
		left: -15px!important
	}
	.values_min {
		margin-left: 161px!important
	}
	.gif_width {
		position: relative;
		top: 13px;
		width: 45%
	}
	.portfolio_listing {
		left: 78px!important
	}
	.index_about {
		margin-top: 6px!important
	}
	.values_min {
		margin-left: 30%!important
	}
	.para_width {
		left: -15px!important
	}
	.values_min {
		margin-left: 161px!important
	}
	.gif_width {
		position: relative;
		top: 13px;
		width: 45%
	}
	.portfolio_listing {
		left: 78px!important
	}
	.index_about {
		margin-top: -21px!important
	}
	.circle_width {
		margin-left: 29%!important;
		width: 100%!important
	}
}
@media only screen and (max-width: 640px) {
	#header nav {
		padding-top: 0
	}
	#header ul.nav {
		text-align: center;
		width: 100%;
		margin-left: 0
	}
	.navbar-nav>li {
		width: 100%
	}
	#header .header-right {
		padding-top: 5px
	}
	#header .header-right .social {
		padding-right: 0;
		padding-bottom: 0
	}
	.navbar-toggle {
		margin-right: 45%
	}
	#header-slider .item {
		margin-top: 100px
	}
	#header-slider .item .title-lines span,
	#header-slider .item .title span {
		font-size: 22px
	}
	.owl-theme .owl-controls .owl-buttons div {
		border: 0
	}
	.owl-theme .owl-controls .owl-buttons div:hover {
		background: transparent;
		color: #ff2a70
	}
	#banner .banner-inner a.btn {
		margin-top: 20px;
		margin-bottom: 0
	}
	.gallery-photo-item {
		width: 50%
	}
	.profile-box {
		text-align: center
	}
	.col-md-6.col-sm-6.profile-box-left.flip-container.text-center {
		display: inline-block;
		margin-bottom: 20px
	}
	#blogs .event-time p {
		font-size: 18px
	}
	#blogs .event-time h2 {
		font-size: 26px
	}
	#reservation .control-label {
		text-align: center
	}
	.input-field {
		padding-right: 0
	}
	.reservation-form label {
		background: transparent
	}
	.btn-booking {
		margin-left: 2%
	}
	.bg-career {
		background-color: transparent!important
	}
	.bg-career {
		background-color: transparent;
		padding-top: 100px
	}
	.agencyWrapper {
		padding: 91px 43px 53px 39px
	}
	.career-tantraa {
		display: none
	}
	.affix .gif_width {
		display: none
	}
	.values_min {
		margin-left: 30%!important
	}
	.para_width {
		left: -15px!important
	}
	.values_min {
		margin-left: 161px!important
	}
	.gif_width {
		position: relative;
		top: 13px;
		width: 45%
	}
	.portfolio_listing {
		left: 78px!important
	}
	.heights {
		height: 470px!important
	}
	.index_about {
		margin-top: 6px!important
	}
	#header.affix img {
		height: 60px
	}
	.values_min {
		margin-left: 0!important
	}
	.values_min {
		margin-left: -3px!important
	}
	.circle_width {
		margin-left: 30%!important;
		width: 100%!important
	}
	#header.affix img {
		height: 66px!important
	}
	.navbar-toggle {
		margin-right: 0;
		margin-top: -40px
	}
	.index_services {
		margin-top: 138px!important
	}
	.my_clasing {
		background-position: 66% 43%!important
	}
	#banner .banner-inner {
		margin-top: -60px
	}
	#header-slider .item h3 {
		bottom: 67%
	}
	.timelines_main::after {
		display: none
	}
	.heading_befores::before {
		display: none
	}
	.abouts_max {
		width: 100%;
	}
	.services-inner {
	margin-left: 0;
	padding-right: 0;
}
	#services h2 {
	font-size: 16px;
	text-align: center;
}
	#services p {
	width: 100%;
	line-height: 22px;
}
	.index_services {
	padding-right: 0;
	text-align: center;
}
	#services .services-inner {
	text-align: center;
	padding-bottom: 75px;
}
	.media_section .action_Tantraa .big_letter {
	font-size: 55px;
}
	.spl-events {
	margin: 10px 0 0;
}
	#services .services-inner {
	text-align: center;
}

}
@media only screen and (max-width: 580px) {
	.bg-career {
		background-color: transparent!important
	}
	.bg-career {
		background-color: transparent;
		padding-top: 100px
	}
	.agencyWrapper {
		padding: 91px 43px 53px 39px
	}
	.career-tantraa {
		display: none
	}
	div.module.parallax {
		background-attachment: scroll!important
	}
	.values_min {
		margin-left: 30%!important
	}
	.para_width {
		left: -15px!important
	}
	.values_min {
		margin-left: 161px!important
	}
	.gif_width {
		position: relative;
		top: 13px;
		width: 45%
	}
	.portfolio_listing {
		left: 78px!important
	}
	.heights {
		height: 470px!important
	}
	.index_about {
		margin-top: -120px!important
	}
	#header.affix img {
		height: 60px
	}
	.portfolio_listing .single_portfolio {
		left: -60px!important
	}
	.index_services {
		margin-top: 160px!important
	}
	#header.affix img {
		height: 65px
	}
	.vision_services>h3 {
		font-size: 40px;
		line-height: 48px
	}
	.para_width {
		width: 100%
	}
	.icon_se::before {
		display: none
	}
	.icon_se {
		padding-bottom: 9px
	}
	.slide__text {
		height: 350px
	}
	.icon_width {
		margin: 0 auto 0;
		width: 13%
	}
	.new_Se {
		margin-top: 68px
	}
	.min_services {
		margin-bottom: -14px;
		margin-left: 0
	}
	.top_services {
		margin-left: 0;
		margin-top: -5px
	}
	.new_conatcts {
		height: 700px;
		width: 100%;
		float: left;
		margin-top: 52%
	}
	iframe {
		width: 100%;
		height: 300px;
		float: left
	}
	.text-tranmm {
		margin-top: 132px
	}
	#services h1 {
		font-size: 18px
	}
	.index_about {
		margin-top: -80px!important
	}
	.new_line {
		font-size: 33px!important
	}
	.background_decor_left {
		display: none
	}
	.second_max {
		margin-left: 16%;
		margin-top: -7%
	}
	.left_promise {
		display: none!important
	}
	.right_promise {
		display: none!important
	}
	.heading_line {
		font-size: 19px;
		margin: 47px auto 36px;
		padding-bottom: 10px;
		text-align: center;
		width: 100%
	}
}
@media only screen and (max-width: 540px) {
	.bg-career {
		background-color: transparent!important
	}
	.bg-career {
		background-color: transparent;
		padding-top: 100px
	}
	.agencyWrapper {
		padding: 91px 43px 53px 39px
	}
	.career-tantraa {
		display: none
	}
	.values_min {
		margin-left: 30%!important
	}
	.para_width {
		left: -15px!important
	}
	.values_min {
		margin-left: 132px!important
	}
	.gif_width {
		position: relative;
		top: 13px;
		width: 54%
	}
	.portfolio_listing {
		left: 78px!important
	}
	.heights {
		height: 470px!important
	}
	.index_about {
		margin-top: -120px!important
	}
	#header.affix img {
		height: 60px
	}
}
@media only screen and (max-width: 500px) {
	.para_width {
		left: -15px!important
	}
	.values_min {
		margin-left: 132px!important
	}
	.gif_width {
		position: relative;
		top: 13px;
		width: 54%
	}
	.portfolio_listing {
		left: 78px!important
	}
	.heights {
		height: 470px!important
	}
	.index_about {
		margin-top: -170px!important
	}
	#header.affix img {
		height: 60px
	}
	#header.affix img {
		height: 65px
	}
	.index_about {
		margin-top: -142px!important
	}
	.big_text {
		font-size: 28px
	}
	.index_about {
		margin-top: -161px
	}
	.slideshow-back {
		height: 250px!important
	}
	.gallery_news {
		margin-top: -100px!important
	}
	#services h1 {
		font-size: 16px
	}
	#services h2 {
		font-size: 16px
	}
	.action_tantra::before {
		display: none
	}
	.blackText {
		font-size: 23px;
		right: -35px;
		top: 34px
	}
	.big_letter {
		font-size: 50px;
		margin-top: 38px
	}
	.heading_line {
		margin-top: 50px!important
	}
	.media_section ul {
	text-align: center;
}
	.media_section li {
	padding: 0 15px;
}
	.media_section .my-projects figure {
	width: 100%;
}
	#club-form {
	padding: 40px 0 0;
	position: relative;
	background-image: none !important;
}
	.tz-gallery {
	 margin-top: 0;
}

	#gallery .EventsText {
	color: #222 !important;
	font-size: 17px;
	font-weight: bold;
	position: absolute;
	right: 3px;
	top: 31px;
}
	.center_text .behind-expect {
	display: block;
	font-size: 11px !important;
}
	#events .event-inner .blackText {
	font-size: 19px;
	top: 45px;
}
	.testimonislas_slidders .ingo h5 {
	text-align: center;
	font-size: 17px !important;
}
	.testimonislas_slidders .carousel-inner p {
	font-size: 14px;
}
	.main_heading {
	margin-bottom: 20px !important;
}
	.testimonislas_slidders .carousel-inner {
	height: auto !important;
}
}
@media only screen and (max-width: 480px) {
	.navbar-toggle {
		margin-right: 0
	}
	
	#header .header-right {
		padding-top: 0
	}
	#header nav {
		padding-top: 0
	}
	#header-slider .item {
		margin-top: 83px
	}
	#header-slider .item .title-lines span,
	#header-slider .item .title span {
		font-size: 22px
	}
	.owl-theme .owl-controls .owl-buttons div {
		border: 0
	}
	.owl-theme .owl-controls .owl-buttons div:hover {
		background: transparent;
		color: #ff2a70
	}
	#banner .banner-inner a.btn {
		margin-top: 20px;
		margin-bottom: 0
	}
	.gallery-photo-item {
		width: 50%
	}
	#testimonial p {
		width: 300px
	}
	.artist-item-inner {
		bottom: -97px;
		width: 93%!important
	}
	.artist-item:hover .artist-item-inner {
		transform: translate3d(0px, -200px, 0px)
	}
	.profile-box {
		text-align: center
	}
	.col-md-6.col-sm-6.profile-box-left.flip-container.text-center {
		display: inline-block;
		margin-bottom: 20px
	}
	#blogs .event-time .fa {
		left: 35px
	}
	#blogs .blog-slider li {
		padding-bottom: 22px
	}
	.borderLeft {
		left: 65px
	}
	#blogs .bx-next,
	#blogs .bx-prev {
		left: 47px
	}
	#blogs .event-time p {
		font-family: 8px;
		font-weight: 400
	}
	#blogs .event-time h2 {
		font-size: 14px
	}
	#blogs .event-detail {
		height: auto;
		padding: 5px;
		text-align: center
	}
	#blogs .event-detail .fa-caret-left {
		top: 81px
	}
	#blogs .event-detail h2 a,
	#blogs .event-detail p {
		font-weight: 400;
		font-size: 12px;
		padding-bottom: 0
	}
	#blogs .event-detail p {
		padding: 5px
	}
	#blogs .event-detail .event-detail-img {
		width: 45%;
		margin-left: 82px;
		margin-bottom: 5px
	}
	#blogs .event-time .fa {
		top: 85px;
		left: 45px
	}
	#blogs .bx-next,
	#blogs .bx-prev {
		left: 56px
	}
	#blogs .tab-content h2 {
		font-size: 22px
	}
	#blogs .tab-content .overlay h3 {
		font-size: 12px
	}
	#blogs .tab-content h3 {
		font-size: 14px
	}
	#blogs .tab-content p {
		font-size: 12px
	}
	#blogs .event-detail {
		padding: 8px
	}
	#blogs .event-detail .event-detail-inner {
		width: 100%;
		padding: 5px
	}
	#blogs .event-time p {
		font-size: 10px
	}
	#reservation .control-label {
		text-align: center
	}
	.btn-booking {
		margin-left: 2%
	}
	.input-field {
		padding-right: 0
	}
	.reservation-form label {
		background: transparent
	}
	.gif_width {
		position: relative;
		top: 13px;
		width: 54%
	}
	.bg-career {
		background-color: transparent!important
	}
	.bg-career {
		background-color: transparent;
		padding-top: 100px
	}
	.agencyWrapper {
		padding: 91px 43px 53px 39px
	}
	.career-tantraa {
		display: none
	}
	.portfolio_listing {
		left: 78px!important
	}
	.heights {
		height: 360px!important
	}
	.index_about {
		margin-top: -170px!important
	}
	#header.affix img {
		height: 60px
	}
	.para_width {
		left: 0!important;
		position: relative
	}
	.values_min {
		margin-left: 28%!important
	}
	.values_min {
		margin-left: 0
	}
	#header.affix img {
		height: 65px
	}
	.spl-events {
	font-size: 15px;
	display: block;
}
	.media_section .action_Tantraa .big_text {
	font-size: 35px;
}
	#gallery {
	padding: 69px 0 0;
}
	.center_text .behind-expect {
	display: block;
	font-size: 11px !important;
}
	
}
@media only screen and (max-width: 450px) {
	.bg-career {
		background-color: transparent!important
	}
	.career-tantraa {
		display: none
	}
	.single_portfolio.item.greyscale:hover .icon_holder {
		margin-top: -10px!important
	}
	.icon_holder i {
		font-size: 45px!important;
		margin-top: 65px!important;
		padding-top: 25px
	}
	.banner29 {
		height: 250px!important
	}
	#blogs h1 {
		font-size: 35px!important
	}
	.containers .gallery a img {
		width: 100%!important
	}
	.banner13 {
		height: 300px!important
	}
	.banner28 {
		height: 300px!important
	}
	.banner10 {
		height: 300px!important
	}
	.banner6 {
		height: 300px!important
	}
	.banner7 {
		height: 300px!important
	}
	.banner8 {
		height: 300px!important
	}
	.banner3 {
		height: 300px!important;
		background-position: 100% 100%!important
	}
	.portfolios_banners {
		height: 300px!important
	}
	.my_clas {
		height: 300px!important
	}
	.new_cls {
		height: 300px!important
	}
	.my_clasing {
		height: 300px!important
	}
	.my_clasinging {
		height: 300px!important
	}
	.banner28 {
		height: 270px!important
	}
	.banner15 {
		height: 300px!important
	}
	.banner18 {
		height: 300px!important
	}
	.banner17 {
		height: 300px!important
	}
	.portfolio_listing .single_portfolio {
		height: 250px!important;
		width: 250px!important
	}
	.banner16 {
		height: 300px!important
	}
	.portfolio_listing .single_portfolio {
		left: 52px!important
	}
	.banner26 {
		height: 250px!important
	}
	.banner27 {
		height: 270px!important
	}
	.banner14 {
		height: 370px!important
	}
	.banner24 {
		height: 300px!important
	}
	.banner25 {
		height: 300px!important
	}
	.banner9 {
		height: 300px!important
	}
	.btvj {
		height: 300px!important
	}
	.banner23 {
		height: 300px!important
	}
	.banner22 {
		height: 300px!important
	}
	.banner21 {
		height: 300px!important
	}
	.banner19 {
		height: 300px!important
	}
	.banner4 {
		height: 300px!important
	}
	.banner2 {
		height: 300px!important
	}
	.banner5 {
		height: 300px!important
	}
	.banner11 {
		height: 300px!important
	}
	.gif_width {
		position: relative;
		top: 13px;
		width: 54%
	}
	.banner31 {
		height: 250px!important
	}
	.banner12 {
		height: 250px!important
	}
	.portfolio_listing {
		left: 78px!important
	}
	.heights {
		height: 360px!important
	}
	.index_about {
		margin-top: -170px!important
	}
	#header.affix img {
		height: 60px
	}
	.slideshow-back {
		height: 223px!important
	}
	.services-inner {
		margin-top: 140px!important
	}
	#header.affix img {
		height: 60px
	}
	.new_line {
		font-size: 26px!important
	}
	.portfolio_listing {
		left: 35px
	}
}
@media only screen and (min-width: 390px) and (max-width: 414px) {
	#header-slider .item h3 {
		font-size: 20px!important
	}
	#header-slider .item h3 b {
		font-size: 26px!important
	}
	.main_heading .text-tranmm .block2 .text_Tantraas {
		display: none
	}
	#wrapper .career-cont textarea,
	#wrapper .career-cont input[type="text"],
	#wrapper .career-cont input[type="number"],
	#wrapper .career-cont input[type="email"],
	#wrapper .career-cont input[type="tel"] {
		color: 333!important;
		background: #fff!important
	}
	.services-inner {
		margin-top: 92px!important
	}
	p.tantra_tag {
		display: none
	}
	.main_heading.block2.wow.fadeInUp.animated.text-tranmms.animated {
		display: none
	}
	.icon_width {
		margin: 0 auto 0;
		width: 27%;
		margin-top: 30px
	}
	.portfolio_listing .single_portfolio {
		left: -9px!important
	}
	.hexagon.position5 {
		left: 45px;
		top: -62px
	}
	.second_max {
		margin-left: 20%;
		margin-top: -7%
	}
}
@media only screen and (max-width: 360px) {
	.logo-img {
		margin-left: 6px !important;
		float: right;
}
	#header.affix img {
		margin-left: 20px
	}
	#header-slider {
		min-height: 400px
	}
	#header-slider .item {
	margin-top: 83px !important;
	min-height: 400px;
    }
	#banner .banner-inner h1 {
		font-size: 36px
	}
	#header-slider .item h3 {
		font-size: 42px
	}
	.owl-theme .owl-controls .owl-buttons div {
		border: 0
	}
	.owl-theme .owl-controls .owl-buttons div:hover {
		color: #ff2a70;
		background: 0
	}
	.concert-registration {
		margin-top: 0
	}
	#banner .banner-inner a.btn {
		margin-top: 10px
	}
	.btn-concert-register,
	.btn-concert-play {
		margin-top: 20px
	}
	.title-lines span:before,
	.title-lines span:after {
		width: 0
	}
	.is-countdown {
		font-size: 18px
	}
	#banner .banner-inner a.btn {
		margin-bottom: 0
	}
	.tabs-style-linebox nav ul li {
		margin: 0 .2em;
		padding: 0 10px
	}
	.tabs nav span {
		font-size: .75em;
		font-weight: 400
	}
	#events .event-box-left p {
		padding-top: 22px
	}
	#testimonial p {
		width: 300px
	}
	.artist-item-inner {
		bottom: -198px;
		width: 91%!important
	}
	.artist-item:hover .artist-item-inner {
		transform: translate3d(0px, -200px, 0px)
	}
	.banner-inner {
		text-align: center
	}
	#banner .banner-inner h1 {
		font-size: 36px
	}
	#banner .banner-inner h2 {
		font-size: 26px;
		width: 283px
	}
	#header nav {
		padding-top: 0
	}
	.navbar-default .navbar-toggle {
		margin-right: 125px
	}
	#header ul.nav {
		text-align: center
	}
	#header .header-right {
		padding-top: 5px
	}
	#header .header-right .social {
		padding-right: 0;
		padding-bottom: 0
	}
	.gallery-photo-item {
		width: 100%
	}
	#services h1 {
		font-size: 36px
	}
	#services h2 {
		font-size: 16px;
		font-weight: 400
	}
	.servicebox {
		margin-bottom: 25px;
		width: 100%;
		margin-left: 8px
	}
	.club-form {
		margin-bottom: 20px
	}
	#club-form h1 {
		font-size: 26px
	}
	#club-form p {
		font-size: 12px
	}
	#events h1 {
		font-size: 36px
	}
	#events .event-box-left {
		width: 38%
	}
	#events .event-box-left h2 {
		font-size: 36px;
		line-height: 45px
	}
	#events .event-box-right {
		width: 62%
	}
	#events .event-box .event-box-bottom h2 {
		font-size: 18px
	}
	#club-profiles h1 {
		font-size: 26px;
		padding-bottom: 90px
	}
	.profile-box {
		text-align: center
	}
	.profile-box-left img {
		display: inline-block;
		margin-bottom: 10px
	}
	.borderLeft {
		left: 54px;
		height: 270px
	}
	#blogs .event-time .fa {
		left: 35px
	}
	#blogs .blog-slider li {
		padding-bottom: 75px
	}
	#blogs .bx-next,
	#blogs .bx-prev {
		left: 47px
	}
	#blogs .event-time p {
		font-family: 8px;
		font-weight: 400
	}
	#blogs .event-time h2 {
		font-size: 14px
	}
	#blogs .event-detail {
		height: auto;
		padding: 5px;
		padding-bottom: 15px;
		text-align: center
	}
	#blogs .event-detail h2 a,
	#blogs .event-detail p {
		font-weight: 400;
		font-size: 12px;
		padding-bottom: 0
	}
	#blogs .event-detail p {
		padding: 5px
	}
	#blogs .event-detail .event-detail-img {
		width: 50%;
		margin-left: 55px;
		margin-bottom: 5px
	}
	#blogs .tab-content h2 {
		font-size: 22px
	}
	#blogs .tab-content .overlay h3 {
		font-size: 12px
	}
	#blogs .tab-content h3 {
		font-size: 14px
	}
	#blogs .tab-content p {
		font-size: 12px
	}
	#blogs .event-detail .event-detail-inner {
		width: 100%;
		padding: 5px
	}
	#blogs .event-time p {
		font-size: 10px
	}
	#reservation h1 {
		font-size: 36px
	}
	#reservation p {
		font-size: 20px
	}
	#club-profiles .profile-box-left {
		width: 100%;
		margin-bottom: 15px
	}
	#dj-1,
	#dj-2 {
		margin-left: 20px
	}
	.btn-booking {
		margin-left: 0
	}
	#reservation .control-label {
		text-align: center;
		padding-top: 5px
	}
}
@media only screen and (max-width: 375px) {
	.navbar-default .navbar-toggle {
	   float: left;
	   margin: -43px 0;
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		margin-top: -3px
	}
	#header-slider .item h3 {
		font-size: 15px;
		bottom: 77%
	}
	.heights {
		height: 333px!important
	}
	.services-inner {
		margin-top: 140px!important
	}
	.new_line {
		font-size: 38px!important;
		line-height: 43px!important;
		margin-top: -60px!important
	}
	#loading-animation {
		top: 25%!important
	}
	.portfolio_listing {
		left: 13%!important
	}
	.slideshow-back {
		height: 180px!important
	}
	.agencyWrapper::before {
		top: 75px!important
	}
	.agencyWrapper {
		padding: 180px 0 59px 75px
	}
	.boxed {
		margin-top: 0!important;
		width: 100%
	}
	.heading_line {
		font-size: 15px
	}
	#header-slider .item h3 span {
		font-size: 16px
	}
	#header-slider .item h3 b {
		font-size: 31px
	}
	.index_about {
		margin-top: -78%!important
	}
	#services h1 {
		font-size: 16px;
		line-height: 27px;
		text-align: center
	}
	#services h2 {
		font-size: 14px;
		line-height: 24px;
		text-align: center
	}
	#services h1 {
	margin-bottom: 2px;
}
	#services p {
		text-align: center;
		width: 100%
	}
	.hexagon.position5 {
		left: 45px;
		top: -62px
	}
	.hexagon.position4 {
		top: 220px
	}
	.main_heading {
		margin-top: 25px
	}
	.slide__text-heading {
		font-size: 28px;
		line-height: 50px;
		padding-bottom: 9px;
		padding-top: 5px
	}
	.slide__text {
		height: 430px
	}

	.our_satisf {
		color: #333;
		font-size: 25px;
		margin-top: 5px
	}
	.main_heading .center_text {
		margin: 0
	}
	#blogs {
		padding: 0
	}
	.ifrmae_reponsive {
		width: 100%
	}
	.goTop {
		width: 50px
	}
	.resp_logo {
		width: 100%
	}
	.testmin {
		width: 100%
	}
	.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
		width: 100%
	}
	.servicess {
		margin-top: 38px;
		width: 100%
	}
	.blackText {
		right: -50px
	}
	.big_text {
		font-size: 24px
	}
	.new_line {
		line-height: 25px;
		margin-top: 48px;
		width: 100%
	}
	.boxed {
		margin-top: 85px;
		width: 100%
	}
}
@media only screen and (max-width: 399px) {
	.portfolio_listing {
		left: 50px!important
	}
	.heights {
		height: 350px!important
	}
	.gif_width {
		position: relative;
		top: 13px;
		width: 50%!important
	}
	#header.affix img {
		height: 60px
	}
	.news_collums {
		margin-top: 110px!important
	}
	.values_min {
		margin-left: 0
	}
	#header-slider .item h3 {
		bottom: 72%
	}
	#header-slider .item h3 {
		font-size: 15px
	}
	.width_means {
		margin-left: 0!important;
		width: 100%!important
	}
	#header-slider .item h3 b {
		font-size: 30px!important
	}
	.expMessage {
		width: 70%!important
	}
	.footer-info img {
		width: 60%!important
	}
	.expMessage a {
		font-size: 16px
	}
	#header-slider .item h3 span {
		font-size: 15px
	}
	.services-inner {
		margin-top: 80px
	}
	.timeline-centered {
		margin: 0 auto 0 0;
		position: relative;
		width: 76%
	}
	.designer_heights {
		height: 340px
	}
	.media-carousel img {
		object-fit: contain!important
	}
	.boxed {
		margin-top: 96px!important;
		width: 100%;
		margin-bottom: -80px!important
	}
}
@media only screen and (max-width: 375px) {
	.vision_services>h3 {
		font-size: 35px;
		line-height: 38px
	}
	.vision_services>p {
		font-size: 30px;
		line-height: 40px
	}
	.values_min {
		margin-left: 0
	}
	.gif_width {
		position: relative;
		top: 13px!important;
		width: 60%!important
	}
	#header.affix img {
		height: 60px
	}
	.services-inner {
	   margin-top: 185px !important;
	   margin-bottom: 50px;
}
	.abouts_max {
		width: 100%;
		margin-top: -80px
	}
	.position_top {
		margin-left: 10%!important
	}
	.heading_line {
		font-size: 20px;
		line-height: 30px
	}
	.border_linings::after {
		display: none
	}
	.recentBlogs {
		padding-bottom: 100px
	}
	.designer_heights {
		height: 390px
	}
	.index_about {
		margin-top: -320px!important
	}
	.main_heading {
	margin-top: -25px;
	margin-bottom: 40px;
    }
	.icon_width {
		margin: 27px auto 0;
		width: 35%
	}
	#services {
		margin-top: -18%;
		padding: 0 0 150px!important
	}
	.portfolio_listing {
		left: 0!important
	}
	#services p {
	width: 100%;
	line-height: 22px;
	font-size: 14px;
}
	.services-inner {
	margin-left: 0;
}
	#services {
	padding: 0 0 176px !important;
}
	.index_services {
	padding-right: 0;
}
	.big_text {
	font-size: 36px;
}
	.big_letter {
	font-size: 69px;
	margin-top: 22px;
}
	.our_satisf {
	font-size: 23px;
}
	.blackText {
	right: 2px;
}
	.media_section li {
	display: block;
	max-width: 344px;
	width: 100%;
	margin: 0 auto;
}
}
@media only screen and (max-width: 360px) {
	.portfolio_listing .single_portfolio {
		left: 67px!important
	}
	.border_linings {
		position: relative;
		left: 70px!important
	}
	.index_about {
		margin-top: -230px!important
	}
	.para_width {
		left: -95px!important;
		position: relative
	}
	#gallery {
	padding: 27px 0 0;
}
}
@media only screen and (max-width: 341px) {
	.news_collums {
		margin-top: 147px!important
	}
	.navbar-default .navbar-toggle {
		float: left
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		margin-top: -3px
	}
	#header-slider .item h3 {
		font-size: 15px
	}
	.vision_services>h3 {
		font-size: 35px;
		line-height: 38px
	}
	.vision_services>p {
		font-size: 30px;
		line-height: 40px
	}
	#header.affix img {
		height: 60px
	}
	.border_linings::after {
		display: none!important
	}
	.para_width {
		margin-bottom: 18px
	}
	.heading_line {
		font-size: 18px;
		line-height: 28px
	}
	.index_about {
		margin-left: 43px;
		margin-top: -162px!important
	}
	#header-slider .item h3 span {
		font-size: 16px
	}
	#header-slider .item h3 b {
		font-size: 31px
	}
	.index_about {
		margin-left: 43px!important;
		margin-top: -78%!important
	}
	#services h1 {
		font-size: 16px;
		line-height: 27px;
		text-align: center
	}
	#services h2 {
		font-size: 15px;
		line-height: 24px;
		text-align: center
	}
	#services p {
		text-align: center;
		width: 100%
	}
	.hexagon.position5 {
		left: 45px;
		top: -62px
	}
	.hexagon.position4 {
		top: 220px
	}
	.main_heading {
		margin-top: 25px
	}
	.slide__text-heading {
		font-size: 28px;
		line-height: 50px;
		padding-bottom: 9px;
		padding-top: 5px
	}
	.portfolio_listing .single_portfolio {
		left: 56px
	}
	.slide__text {
		height: 430px
	}
	.our_satisf {
		color: #333;
		font-size: 25px;
		margin-top: 5px
	}
	.main_heading .center_text {
		margin: 0
	}
	#blogs {
		padding: 0
	}
	.ifrmae_reponsive {
		width: 100%
	}
	.goTop {
		width: 50px
	}
	.resp_logo {
		width: 100%
	}
	.testmin {
		width: 100%
	}
	.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
		width: 100%
	}
	.servicess {
		margin-top: 38px;
		width: 100%
	}
	.blackText {
		right: -50px
	}
	.big_text {
		font-size: 24px
	}
	.new_line {
		line-height: 25px;
		margin-top: 48px;
		width: 100%
	}
	.boxed {
		width: 100%
	}
	.para_width {
		left: -100px!important
	}
}
@media only screen and (max-width: 320px) {
	.navbar-default .navbar-toggle {
		margin-right: 108px
	}
	#events .event-box-left h2 {
		font-size: 22px
	}
	#events .month {
		font-size: 26px
	}
	#events .event-box-left h3 {
		font-size: 18px;
		line-height: 30px
	}
	#events .event-box-left p {
		padding-top: 15px;
		padding-bottom: 8px
	}
	#blogs .event-detail h2 a,
	#blogs .event-detail p {
		font-size: 10px
	}
	.btn-booking {
		padding: 20px 40px
	}
	#blogs .tab-content .share h4 {
		font-size: 12px
	}
	.news_collums {
		margin-top: 147px!important
	}
	.navbar-default .navbar-toggle {
		float: left
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		margin-top: -3px
	}
	#header-slider .item h3 {
		font-size: 15px
	}
	.vision_services>h3 {
		font-size: 35px;
		line-height: 38px
	}
	.vision_services>p {
		font-size: 30px;
		line-height: 40px
	}
	#header.affix img {
		height: 60px
	}
	#header-slider .item h3 span {
		font-size: 16px
	}
	.para_width {
		left: -100px!important
	}
	#header-slider .item h3 b {
		font-size: 31px
	}
	.index_about {
		margin-left: 43px;
		margin-top: -245px!important
	}
	.border_linings::after {
		display: none!important
	}
	#services h1 {
		font-size: 16px;
		line-height: 27px;
		text-align: center
	}
	#services h2 {
		font-size: 15px;
		line-height: 24px;
		text-align: center
	}
	#services p {
		text-align: center;
		width: 100%
	}
	.hexagon.position5 {
		left: 45px;
		top: -62px
	}
	.hexagon.position4 {
		top: 220px
	}
	.main_heading {
		margin-top: 25px
	}
	.slide__text-heading {
		font-size: 28px;
		line-height: 50px;
		padding-bottom: 9px;
		padding-top: 5px
	}
	.portfolio_listing .single_portfolio {
		left: 56px
	}
	.slide__text {
		height: 430px
	}
	.our_satisf {
		color: #333;
		font-size: 25px;
		margin-top: 5px
	}
	.main_heading .center_text {
		margin: 0
	}
	#blogs {
		padding: 0
	}
	.ifrmae_reponsive {
		width: 100%
	}
	.goTop {
		width: 50px
	}
	.resp_logo {
		width: 100%
	}
	.testmin {
		width: 100%
	}
	.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
		width: 100%
	}
	.servicess {
		margin-top: 38px;
		width: 100%
	}
	.blackText {
		right: -50px
	}
	.big_text {
		font-size: 24px
	}
	.new_line {
		line-height: 25px;
		margin-top: 48px;
		width: 100%
	}
	.boxed {
		width: 100%
	}
}