body{
	font-family: 'Helvetica-Roman' !important;
	}

@media screen and (min-width: 1951px) {
	.d-my-slider-btn {
		bottom: 10%;
	}
	.font16 {
		font-size: 16px !important;
	}

	.jbs-img{
	width: 800px;
	}

	.en-img{
		width: 100%;
	}

	.en-main .font18 {
		font-size: 20px;
		line-height: 35px;
	}
	.tchildren {
		width: 800px;
	}
	.jb-img {
		width: 750px;
		margin: auto;
	}
	.shridhar-imgs,.s-shridhar-imgs,.audio-img,.t-audio-img {
		width: 650px;
		margin: auto;
	}
	.bro-img {
		width: 600px;
		margin: auto;
	}
	.en2-img{
		width: 90%;
		margin: auto;
	  }

}

@media screen and (min-width:800px) {

	.ss-btns .swiper-button-prev i {
		color: #fff !important;
		font-size: 25px;
		position: absolute;
		right: 0;
		top: 12px;
		left: 16px;
	}

	.ss-btns .swiper-button-next i {
		color: #fff !important;
		font-size: 25px;
		position: absolute;
		right: 20px;
		top: 12px;
	}

	.ss-btns .swiper-button-prev {
		/* display: none; */
		/* transform: translateX(0px); */
	}

	.ss-btns .swiper-button-next {
		/* display: none;  */
		/* transform: translateX(0px); */
	}

	.ss-btns .swiper-button-prev {
		/* display: none; */
		opacity: 0;
		background: #000;
		border-radius: 50%;
		height: 50px;
		width: 50px;
		transform: translateX(0px);
		transition: all 0.6s;

	}

	.ss-btns .swiper-button-next {
		background: #000;
		/* display: none; */
		opacity: 0;
		border-radius: 50%;
		height: 50px;
		width: 50px;
		transform: translateX(0px);
		transition: all 0.6s;
	}

	/* .ss-btns:hover .swiper-button-prev, .ss-btns:hover .swiper-button-next{
display: block;
} */
	.ss-btns:hover .swiper-button-prev {
		display: block;
		transform: translateX(25px);
		opacity: 0.6;
	}

	.ss-btns:hover .swiper-button-next {
		display: block;
		transform: translateX(-18px);
		opacity: 0.6;
	}

	.ss-btns .swiper-button-prev {
		/* display: none; */
		/* transform: translateX(0px); */
	}

	.ss-btns .swiper-button-next {
		/* display: none;  */
		/* transform: translateX(0px); */
	}

	.ss-btns .swiper-button-prev {
		/* display: none; */
		opacity: 0;
		background: #000;
		border-radius: 50%;
		height: 50px;
		width: 50px;
		transform: translateX(0px);
		transition: all 0.6s;

	}

	.ss-btns .swiper-button-next {
		background: #000;
		/* display: none; */
		opacity: 0;
		border-radius: 50%;
		height: 50px;
		width: 50px;
		transform: translateX(0px);
		transition: all 0.6s;
	}

	/* .ss-btns:hover .swiper-button-prev, .ss-btns:hover .swiper-button-next{
		display: block;
		} */
	.ss-btns:hover .swiper-button-prev {
		display: block;
		transform: translateX(25px);
		opacity: 0.6;
	}

	.ss-btns:hover .swiper-button-next {
		display: block;
		transform: translateX(-18px);
		opacity: 0.6;
	}

}

@media screen and (min-width: 1800px) {
	.container {
		max-width: 1600px !important;
	}

	.font16 {
		font-size: 12px;
	}

	/* 
.t-img img {
	width: fit-content;
    margin: auto;

}

.t2-img {

	display: flex;
	justify-content: center;
}

.store-int {
    row-gap: 33px;
}
.store-int .col-lg-4{
	max-width: 40%;

}

.tchildren{
	width: 700px;
}

.en-img{
	width: 100%;
}

.pdf-img {
    width: 480px;
}

.shri-inner{
	width: 550px;
}


.shridhar-imgs{
	width: 650px;
}
.audio-img{
	width: 650px;
}
.s-shridhar-imgs{
	width:1000px;
}

.t-audio-img{
	width: 1000px;
}
.play-audio{
	transform: translate(-50%, -50%) scale(1.5);
}
.bro-img{
	width: 750px;
}

.b-text {
    position: absolute;
    bottom: 300px !important;
} */

	/* .shridhar-imgs{
	width: 650px;
} */


}

/* Media Query for low resolution Tablets, Ipads */
@media (min-width:1200px) and (max-width: 1399px) {

	.navbar-menu-right>div {
		display: flex;
		flex-direction: column;
	}

}

/*@media (min-width:1200px) and (max-width: 1399px)*/


/* Media Query for low resolution Tablets, Ipads */
@media (min-width:992px) and (max-width: 1199px) {
	.responsive-nav .navbar-links {
		padding-top: 80px !important;
	}

	.footer {
		bottom: 10px !important;
	}



	/* navbar css  start */
	.navbar-menu-left ul li a {
		font-size: 50px;
		font-weight: 700;
	}

	.servicelist li a {
		font-size: 16px;
	}

	.servicelist {
		margin-right: 30px !important;
	}

	.navbar-menu-right>div {
		display: flex;
		flex-direction: column;
	}

	/* navbar css  End */

	.pdf-link {
		width: 62%;
		/* margin: auto; */
	}

	.pdf-box {
		margin: auto;
		width: 70%;
	}

	/* tales page css start */
	.t-img img {
		width: 27 0px;
		margin: auto;
	}

	/* tales page css End */

	.cstudy .fr-img img {
		height: auto;
		padding-bottom: 1.5rem;
	}

	.tales-home img {
		padding: 0 !important;
	}

	.cstudy .fr-img figcaption {
		/* padding: 1.2rem; */
	}

}


/* Media Query for low resolution Tablets, Ipads */
@media only screen and (max-width: 992px) and (min-width: 767px) {

	.fcnt-row{
		row-gap: 50px;
	}

	.ss-btns .swiper-button-prev,
	.ss-btns .swiper-button-next {
		opacity: 0;
	}


	.t-audio-img {
		width: 600px;
		margin: auto;
	}


	/* .tales-home img {
		padding-bottom: 1.5rem !important;
	} */

	.jbs-img {
		width: 300px;
		margin: auto;
	}

	.tchildren {
		width: 320px;
		margin: auto;
	}

	.talesgif {
		width: 250px;
		margin: auto;
	}

	.d-img2 {
		width: 300px;
		margin: auto;
	}

	.d-imgs {
		/* width: 260px; */
		margin: auto;
	}

	/* shridhar page  start */
	.shri-inner {
		width: 300px;
		/* margin: auto; */
	}

	.shridhar-imgs {
		width: 280px;
		margin: auto;
	}

	.s-shridhar-imgs {
		width: 450px;
		margin: auto;
	}

	.shri-txt {
		width: 100%;
		margin: auto;
	}

	/* shridhar page end */

	.footer {
		position: absolute;
		bottom: 25px;
		left: 0;
		right: 0;
		text-align: center;
	}


	.en-img {
		width: 500px;
		margin: auto;
	}

	.pdf-box {
		margin: auto;
		width: 500px;
	}

	.pdf-link {
		padding: 61px 58px;
	}

	.pdf-link {
		width: 400px;
		/* margin: auto; */
	}

	.pdf-sec {
		padding-top: 115px;
		padding-bottom: 100px;
		height: auto;
	}

	.gg3-img {
		width: 400px;
		margin: auto;
	}

	.gg4-img {
		width: 400px;
		margin: auto;
	}



	.mz-sec {
		padding-top: 20px;
	}


	/* t&s css start */

	.t-img img {
		width: 250px;
	}


	/* t&s css End */
	.cs-sec {
		padding-top: 115px !important;
		padding-bottom: 60px;
		height: auto;
	}



	.brand-main {
		height: auto;
		padding-top: 50px;
	}

	.digital-media .oudoor-text p {
		margin-top: 0;
	}

	.insta-sec {
		height: auto;
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.h-cs-sec {
		height: auto;
		padding-top: 140px;
		padding-bottom: 100px;
	}


	.rangoli img {
		width: 50%;
	}

	/* .btn-keyword{
	padding-bottom: 100px;
	height: auto;
} */
	#btn-keyword {
		padding-bottom: 100px;
	}

	.ser-sec {
		height: 100vh;
		padding-top: 0;
		padding-bottom: 100px;
	}
	.abt-us-mob {
		padding: 160px 0 100px 0;
	}
	.servi-list ul li {
		font-size: 16px;
	}

	#service-list li {
		line-height: 40px !important;
	}


	.cstudy .fr-img img {
		height: auto;
		padding-bottom: 73px;
	}

	.cstudy .fr-img figcaption {
		padding: 0;
	}


}

@media only screen and (max-width: 767px) and (min-width: 576px) {

	.fcnt-row{
		row-gap:40px;
	}

	.manubhai-jewel-txt {
		padding-top: 40px;
		width: 49%;
		margin: auto;
	}

	.oudoor-text {
		width: 100%;
	}

	.shri-txt {
		width: 100%;
		margin: auto;
	}


	.jb-imgs-slider .mySwiper {
		padding-bottom: 100px;
	}

	.jb-imgs-slider {
		padding-bottom: 50px !important;
	}


	.jbs-img {
		width: 250px;
		margin: auto;
	}

	.mz-outdoor-sec .my-slider-btn {
		bottom: 36% !important;
	}

	.mz-outdoor2 .my-slider-btn {
		bottom: 36% !important;
	}

	.mz-outdoor2 .my-slider-btn {
		bottom: 12% !important;
	}

	.mz-outdoor {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.talesgif {
		width: 250px;
		margin: auto;
	}

	.d-img2 {
		width: 200px;
		margin: auto;
	}

	.d-imgs {
		width: 200px;
		margin: auto;
	}

	.t-audio-img {
		width: 300px;
		margin: auto;
	}

	.overlay iframe {
		width: 90%;
		height: 35% !important;
	}

	.play-audio {
		transform: translate(-50%, -50%) scale(0.75);
	}

	.audio-img {
		width: 280px;
		margin: auto;
	}

	.jb-img {
		width: 250px;
		margin: auto;
	}

	.jb-outdoor {
		padding: 100px 0 70px 0 !important;
	}

	.img-box::after {
		left: 0 !important;
		transform: translate(30%, -50%) !important;
	}

	.pdf-box {
		padding: 0;
	}

	.pdf-img {
		width: 250px;
	}

	.slide-btn-summer {
		bottom: 15% !important;
	}

	/* shridhar page  start */
	.shri-inner {
		width: 280px;
		/* margin: auto; */
	}

	.shridhar-imgs {
		width: 280px;
		margin: auto;
	}

	.s-shridhar-imgs {
		width: 280px;
		margin: auto;
	}

	/* shridhar page end */


	.font16 {
		font-size: 12px;
	}

	.font18 {
		font-size: 16px;
	}

	.cmr_rh {
		height: auto;
	}

	.cmr_rh1 {
		padding-top: 50px;
	}

	.cmn-height {
		padding-bottom: 100px;
		padding-top: 100px;
		height: auto;
	}

	.dairy-sec {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.dairy-sec1 {
		padding-top: 115px;
	}

	.en-img {
		width: 280px;
		margin: auto;
	}

	.g_warming {
		height: auto;
	}

	.en-main {
		height: auto;
		padding-top: 115px;
		padding-bottom: 60px;
	}


	/* pdf css */
	.pdf-link p:nth-child(1) {
		font-size: 20px;
	}

	.pdf-sec {
		height: auto;
		padding-top: 125px;
		padding-bottom: 50px;
	}

	.pdf-box {
		margin: auto;
		width: auto;
	}

	.pdf-link {
		width: 300px;
		/* margin: auto; */
	}

	.pdf-link {
		background-color: #da3832;
		color: #fff;
		padding: 70px 35px;
		text-align: center;
	}

	/* pdf css end */

	.gg3-img {
		width: 250px;
		margin: auto;
	}

	.gg4-img {
		width: 250px;
		margin: auto;
	}

	.mz-sec {
		padding-top: 135px;
	}

	/* tales css start */
	.tchildren {
		width: 250px;
	}

	.talelogo {
		width: 265px;
		margin: auto;
	}

	.talesectio {
		padding-top: 125px;
	}

	.t-img img {
		width: 180px;
	}

	.transform-row {
		row-gap: 1.5rem;
	}

	.transform-row .cmn-rem {
		margin-top: 0;
	}

	.n-transform-row {
		row-gap: 1.5rem;
	}

	.n-transform-row .cmn-rem {
		margin-top: 0;
	}

	.store-int img {
		width: 90%;
		margin: auto;
	}

	.t2-img {
		text-align: center;
	}

	.t2-img img {
		width: 250px;
	}

	.transform-row img {
		width: 250px;
		margin: auto;
	}

	.transform-img {
		text-align: center;
	}

	.democloth {
		margin: auto;
		width: 250px;
	}

	.transform-row {
		text-align: center;
	}

	/* tales css end */

	.cs-sec {
		height: auto;
		padding-top: 115px;
		padding-bottom: 60px;
	}

	.cs-row {
		row-gap: 30px;
	}

	/* == insta css start  == */
	.yt-frame iframe {
		height: 350px !important;
	}

	.brand-main {
		padding-top: 115px;
	}

	.outdoor {
		height: auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.insta-sec {
		padding-top: 60px;
		padding-bottom: 60px;
	}


	/* swiper css for navigation button start */
	.mySwiper {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

	.swiper-button-next:after,
	.swiper-button-prev:after {
		display: none;
	}

	.prev-slide img {
		transform: rotate(180deg);
		user-select: none;
	}

	.next-slide img {
		user-select: none;
	}

	.prev-slide {
		/*    left:86%!important;
	top:84%!important;
	width: 40px;*/
		width: 40px !important;
		height: 40px !important;
		border-radius: 50%;

		border: 1px solid black;

	}

	.next-slide {
		/*right:7%!important;
	top:84%!important;*/
		width: 40px !important;
		height: 40px !important;
		border-radius: 50%;
		border: 1px solid black;
	}

	.prev-slide,
	.next-slide {
		color: #000 !important;
		font-size: 20px;
	}

	.my-slider-btn {
		position: absolute;
		right: 0;
		margin: auto;
		left: 0;
		width: 130px;
		bottom: 18%;
	}


	.outdoor .oudoor-text {
		margin-top: 6rem;
	}

	.mzout-txt .oudoor-text {
		margin-top: 6rem !important;
	}

	.out-text {
		padding-left: 0;
	}

	.sec-out-txt {
		visibility: hidden;
	}

	/* swiper css for navigation button end */


	/* homepage respo css start */

	.bubble-left {
		margin-right: 0px;
	}

	.bubble-right {
		margin-left: 0px;
	}


	.bubble-sec {
		padding-top: 0px;
		padding-bottom: 30px;
	}

	.bubble-sec .b-text {
		bottom: 25px;
	}

	.b-text {
		position: absolute;
		bottom: 30px;
	}

	.rangoli img {
		width: 100%;
		padding-bottom: 100px;
	}

	.rangoli .b-text {
		bottom: 65px;
	}

	.circle {
		position: relative;
		margin-top: 30px;
		margin-bottom: 442px;
		margin-left: -180px;
		width: 50px;
		height: 1px;
		/* -webkit-box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.3); */
	}

	.dial-pad {
		transform: scale(0.7);
	}

	.f-cnt {
		padding-left: 0;
	}

	.phone-demo {
		position: relative;
		margin: 0px auto;
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.art-sec .reveal.active {
		width: 90%;
		margin: auto;
	}


	/* 
  .letter-first > div, .letter-second > div, .letter-third > div {
transform: scale(0.8);
} */

	/* .letter-first span {
    margin-top: 3.7px;
}
.letter-second span{
    margin-top: -0.5px;
}
.letter-third span{
	margin-top: -0.3px;
} */

	.base {
		transform: scale(0.8);
		height: auto;
	}

	.art-sec {
		height: auto;
		/* padding-top: 100px; */
		padding-bottom: 100px;
	}


	.post1 section {
		min-height: 80vh;
	}

	.bird-section {
		height: 60vh !important;
		background-size: 105vh !important;
		background-repeat: no-repeat;
		background-color: #e5ca43;
		background-position: center !important;
	}

	.bubble-main {
		transform: scale(0.75);
	}

	.m-future-blog {
		min-height: auto;
		padding-top: 100px;
		padding-bottom: 100px;
	}

	/* font-size for footer */
	.footer ul li a {
		font-size: 16px !important;
		padding: 55px;
	}

	.b-text {
		font-size: 16px !important;
	}

	/* // font-size for footer */


	/* homepage respo css end */


	.d-my-slider-btn {
		bottom: 25%;
	}


	.h-cs-sec {
		height: auto;
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.btn-keyword {
		height: auto;
	}


	.servi-list ul li {
		font-size: 16px;
	}

	#service-list li {
		line-height: 34px !important;
	}

	.ser-sec {
		height: 100vh !important;
		padding-top: 120px;
		padding-bottom: 100px;
	}

	.service-head {
		margin: 0;
	}

	.fr-img img {
		height: auto;
	}

	/* == insta css end == */

	.bro-img {
		width: 280px;
		margin: auto;
	}

	/* remove this later if needed  */


	.ss-btns .swiper-button-next {
		display: none;
	}

	.ss-btns .swiper-button-prev {
		display: none;
	}


}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 575px) {

	.form-group input,.form-group .form-control {
		font-size: 14px !important;
	}
	
	.cnt-accept p{
		font-size: 14px;
	}
.cnt-top {
/* text-align: center; */
padding-top: 15px;
padding-bottom: 20px;
}

.fcnt-row{
row-gap: 30px;
}

.cnt-top h2{
font-size:30px;
}
.cnt-top h3{
font-size: 18px;
letter-spacing: 1px;
}
.cnt-left h2,.cnt-right h2{
font-size: 20px;
letter-spacing: 1px;
padding-bottom: 5px;
}

.contact-sec{
	padding-top: 100px;
	height: auto;
}


	.burger div {
		margin: 5px !important;
	}
	.toggle .line1{
		transform: rotate(-45deg) translate(1px, 11.75px) !important;

	}
	.toggle .line3{
		transform: rotate(45deg) translate(0px, -11.75px) !important;
	}

	.responsive-nav .navbar-logo {
		max-width: 100px !important;
		top: 20px !important;
	}

	.manubhai-jewel-txt {
		padding-top: 100px;
		width: 95%;
		margin: auto;
	}

	.oudoor-text {
		width: 100%;
	}

	.shri-txt {
		width: 100%;
		margin: auto;
	}


	.jb-imgs-slider .mySwiper {
		padding-bottom: 100px;
	}

	.jb-imgs-slider {
		padding-bottom: 50px !important;
	}


	.jbs-img {
		width: 250px;
		margin: auto;
	}

	.mz-outdoor-sec .my-slider-btn {
		bottom: 36% !important;
	}

	.mz-outdoor2 .my-slider-btn {
		bottom: 36% !important;
	}

	.mz-outdoor2 .my-slider-btn {
		bottom: 12% !important;
	}

	.mz-outdoor {
		padding-top: 120px !important;
	}

	.talesgif {
		width: 250px;
		margin: auto;
	}

	.d-img2 {
		width: 200px;
		margin: auto;
	}

	.d-imgs {
		width: 200px;
		margin: auto;
	}

	.t-audio-img {
		width: 300px;
		margin: auto;
	}

	.overlay iframe {
		width: 90%;
		height: 35% !important;
	}

	.play-audio {
		transform: translate(-50%, -50%) scale(0.75);
	}

	.audio-img {
		width: 280px;
		margin: auto;
	}

	.jb-img {
		width: 250px;
		margin: auto;
	}

	.jb-outdoor {
		padding: 100px 0 70px 0 !important;
	}

	.img-box::after {
		left: 0 !important;
		transform: translate(30%, -50%) !important;
	}

	.pdf-box {
		padding: 0;
	}

	.pdf-img {
		width: 250px;
	}

	.slide-btn-summer {
		bottom: 15% !important;
	}

	/* shridhar page  start */
	.shri-inner {
		width: 280px;
		/* margin: auto; */
	}

	.shridhar-imgs {
		width: 280px;
		margin: auto;
	}

	.s-shridhar-imgs {
		width: 280px;
		margin: auto;
	}

	/* shridhar page end */


	.font16 {
		font-size: 12px;
	}

	.font18 {
		font-size: 16px;
	}

	.cmr_rh {
		height: auto;
	}

	.cmr_rh1 {
		padding-top: 50px;
	}

	.cmn-height {
		padding-bottom: 100px;
		padding-top: 100px;
		height: auto;
	}

	.dairy-sec {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.dairy-sec1 {
		padding-top: 115px;
	}

	.en-img {
		width: 280px;
		margin: auto;
	}

	.g_warming {
		height: auto;
	}

	.en-main {
		height: auto;
		padding-top: 115px;
		padding-bottom: 60px;
	}


	/* pdf css */
	.pdf-link p:nth-child(1) {
		font-size: 20px;
	}

	.pdf-sec {
		height: auto;
		padding-top: 125px;
		padding-bottom: 50px;
	}

	.pdf-box {
		margin: auto;
		width: auto;
	}

	.pdf-link {
		width: 300px;
		/* margin: auto; */
	}

	.pdf-link {
		background-color: #da3832;
		color: #fff;
		padding: 70px 35px;
		text-align: center;
	}

	/* pdf css end */

	.gg3-img {
		width: 250px;
		margin: auto;
	}

	.gg4-img {
		width: 250px;
		margin: auto;
	}

	.mz-sec {
		padding-top: 135px;
	}

	/* tales css start */
	.tchildren {
		width: 250px;
	}

	.talelogo {
		width: 265px;
		margin: auto;
	}

	.talesectio {
		padding-top: 125px;
	}

	.t-img img {
		width: 180px;
	}

	.transform-row {
		row-gap: 1.5rem;
	}

	.transform-row .cmn-rem {
		margin-top: 0;
	}

	.n-transform-row {
		row-gap: 1.5rem;
	}

	.n-transform-row .cmn-rem {
		margin-top: 0;
	}

	.store-int img {
		width: 90%;
		margin: auto;
	}

	.t2-img {
		text-align: center;
	}

	.t2-img img {
		width: 250px;
	}

	.transform-row img {
		width: 250px;
		margin: auto;
	}

	.transform-img {
		text-align: center;
	}

	.democloth {
		margin: auto;
		width: 250px;
	}

	.transform-row {
		text-align: center;
	}

	/* tales css end */

	.cs-sec {
		height: auto;
		padding-top: 115px;
		padding-bottom: 60px;
	}

	.cs-row {
		row-gap: 30px;
	}

	/* == insta css start  == */
	.yt-frame iframe {
		height: 350px !important;
	}

	.brand-main {
		padding-top: 115px;
	}

	.outdoor {
		height: auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.insta-sec {
		padding-top: 60px;
		padding-bottom: 60px;
	}


	/* swiper css for navigation button start */
	.mySwiper {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

	.swiper-button-next:after,
	.swiper-button-prev:after {
		display: none;
	}

	.prev-slide img {
		transform: rotate(180deg);
		user-select: none;
	}

	.next-slide img {
		user-select: none;
	}

	.prev-slide {
		/*    left:86%!important;
	top:84%!important;
	width: 40px;*/
		width: 40px !important;
		height: 40px !important;
		border-radius: 50%;

		border: 1px solid black;

	}

	.next-slide {
		/*right:7%!important;
	top:84%!important;*/
		width: 40px !important;
		height: 40px !important;
		border-radius: 50%;
		border: 1px solid black;
	}

	.prev-slide,
	.next-slide {
		color: #000 !important;
		font-size: 20px;
	}

	.my-slider-btn {
		position: absolute;
		right: 0;
		margin: auto;
		left: 0;
		width: 130px;
		bottom: 18%;
	}


	.outdoor .oudoor-text {
		margin-top: 6rem;
	}

	.mzout-txt .oudoor-text {
		margin-top: 6rem !important;
	}

	.out-text {
		padding-left: 0;
	}

	.sec-out-txt {
		visibility: hidden;
	}

	/* swiper css for navigation button end */


	/* homepage respo css start */

	.bubble-left {
		margin-right: 0px;
	}

	.bubble-right {
		margin-left: 0px;
	}


	.bubble-sec {
		padding-top: 0px;
		padding-bottom: 30px;
	}

	.bubble-sec .b-text {
		bottom: 25px;
	}

	.b-text {
		position: absolute;
		bottom: 30px;
	}

	.rangoli img {
		width: 100%;
		padding-bottom: 100px;
	}

	.rangoli .b-text {
		bottom: 65px;
	}

	.circle {
		position: relative;
		margin-top: 30px;
		margin-bottom: 442px;
		margin-left: -180px;
		width: 50px;
		height: 1px;
		/* -webkit-box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.3); */
	}

	.dial-pad {
		transform: scale(0.7);
	}

	.f-cnt {
		padding-left: 0;
	}

	.phone-demo {
		position: relative;
		margin: 0px auto;
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.art-sec .reveal.active {
		width: 90%;
		margin: auto;
	}


	/* 
  .letter-first > div, .letter-second > div, .letter-third > div {
transform: scale(0.8);
} */

	/* .letter-first span {
    margin-top: 3.7px;
}
.letter-second span{
    margin-top: -0.5px;
}
.letter-third span{
	margin-top: -0.3px;
} */

	.base {
		transform: scale(0.8);
		height: auto;
	}

	.art-sec {
		height: auto;
		/* padding-top: 100px; */
		padding-bottom: 100px;
	}


	.post1 section {
		min-height: 50vh;
	}

	.bird-section {
		height: 60vh !important;
		background-size: 105vh !important;
		background-repeat: no-repeat;
		background-color: #e5ca43;
		background-position: center !important;
	}

	.bubble-main {
		transform: scale(0.53);
	}

	.animation-group{
flex-wrap: nowrap !important;
	}

	.m-future-blog {
		min-height: auto;
		padding-top: 100px;
		padding-bottom: 100px;
	}

	/* font-size for footer */
	.footer ul li a {
		font-size: 16px !important;
		padding: 0px;
	}

	.b-text {
		font-size: 16px !important;
	}

	/* // font-size for footer */


	/* homepage respo css end */


	.d-my-slider-btn {
		bottom: 25%;
	}

	.cnt-right {
		display: table;
		margin: 0;
		/* padding-left: 150px; */
	}
	.h-cs-sec {
		height: auto;
		padding-top: 120px;
		padding-bottom: 80px;
	}
	.desc-work-sec{
		padding-top: 80px !important;
	}

	.btn-keyword {
		height: auto;
	}


	.servi-list ul li {
		font-size: 16px;
	}

	#service-list li {
		line-height: 34px !important;
	}

	.ser-sec {
		height: 100vh;
		padding-top: 120px;
		padding-bottom: 100px;
		display: block;

	}

	.service-head {
		margin: 0;
	}

	.fr-img img {
		height: auto;
	}

	/* == insta css end == */

	.bro-img {
		width: 280px;
		margin: auto;
	}

	/* remove this later if needed  */

	.uk-modal-close-full svg {
		width: 20px;
		height: 20px;
	}


}








@media only screen and (max-width: 375px) {



	.mz-outdoor-sec .my-slider-btn {
		bottom: 40% !important;
	}

	.pdf-link {
		width: 272px;
		/* margin: auto; */
	}

	.pdf-box {
		margin: auto;
		width: 285px;
	}



}

@media only screen and (max-width: 355px) {
	.burger {
		right: 9px !important;
	}

.responsive-nav .navbar-links {
    /* padding-top: 0px !important; */
    padding-bottom: 50px !important;
    overflow: auto;
}

	.mz-outdoor-sec .my-slider-btn {
		bottom: 47% !important;
	}

}


@media only screen and (max-width: 320px) {}

@media only screen and (max-width: 319px) {}


/* == before started responsive == */

@media screen and (max-width: 992px) {

	figure {
		height: auto;
	}

	#app {
		display: flex;
		flex-direction: column;
		padding-top: 100px;
		padding-bottom: 100px;
	}

	#artsection>div {
		height: auto;
		padding-top: 250px;
		text-align: center;
		position: relative;
		display: flex;
		justify-content: center;
		padding-bottom: 250px;
	}

	#rangoli {
		padding-top: 150px;
		padding-bottom: 150px;
	}
}