@media only screen and (max-width: 340px) {
	h2.services-title {
		font-size: 16px!important;
	}
}
@media only screen and (max-width: 575px) {
	.quotes {
	    font-size: 18px;
	    text-align: center;
	    line-height: 45px;
	}
	h2.services-title {
		font-size: 18px;
	}
	.mubarakaan-bg-quote-image {
		height: 180px;
	}
	#demo {
		width: 100%;
	}
	.slider-bg {
	    width: 575px;
	    height: 340px;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	.about-info {
		top: 55%;
	}
	.heading {
		font-size: 32px;
	}
	.contact-info {
	    background: #ffe8eb;
	    padding: 67px 20px;
	     position: relative; 
	     top: 0%; 
	     right: 0px; 
	     z-index: 1; 
	     transform: translate(0%, 0%); 
	    width: 100%;
	    height: 260px;
	}
	.contact-field {	
	    padding: 70px 30px 70px 30px;
	}
}
@media only screen and (max-width: 767px) {
	.seprater-mobile {
		display: block!important;
	}
	.category-style {
		margin-bottom: 15px;
	}
	.about-info p, .services-content p{ text-align: justify; }
	.form-field {
		display: block;
	}
	.services-content {
	    margin-bottom: 20px;
	}
	.heading-title p {
		width: 100%;
		text-align: justify;
	}
	#komal-section-mobile {
		display: block;
	}
	.swiper-slide {
		width: 100%!important;
		height: 100%!important;
	    transform: matrix(1, 0, 0, 1, 375.5, 0);
	}
	.about-info {
		width: 100%;
	}
	.footer-content {
		display: block;
	}
	.mubarakaan-review-box p {
		font-size: 18px;
	}
	#about-priya {
	    padding: 0px;
	    background: #ffe8eb00;
	    left: 0;
	    padding-bottom: 0;
	    border-radius: 0px;
    	box-shadow: 0 0 0px 0px #00000052;
	}
	#about-komal {
    	padding: 0px;
	    background: #ffe8eb00;
	    left: 0;
	    padding-bottom: 0;
	    border-radius: 0px;
    	box-shadow: 0 0 0px 0px #00000052;
	}
	.contact-info {
	    background: #ffe8eb;
	    padding: 67px 20px;
	     position: relative; 
	     top: 0%; 
	     right: 0px; 
	     z-index: 1; 
	     transform: translate(0%, 0%); 
	    width: 100%;
	    height: 260px;
	}
	.contact-field {	
	    padding: 70px 30px 70px 30px;
	}
	#komal-section-desktop {
		display: none;
	}
	.heading-paragraph {
		width: 100%;
		padding-bottom: 20px;
	}
	.row-padding {
		padding: 0px!important;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.about-info p {
	    font-size: 16px;
	    line-height: 17px;
	}
	.about-info h2 {
		margin-bottom: 10px;
		font-size: 16px;
	}
}
@media only screen and (max-width: 830px) {
	.menubar {
	    display: none;
	}
	.burger-menu {
	    display: block;
	    cursor: pointer;
	}
	.logo {
	    text-align: center;
	    width: 45%;
	    margin: 0 auto;
	}
	.mobilemenu {
	    display: block;
	    text-align: center;
	    background: #fff;
	    position: absolute;
	    top: 0;
	    left: -100%;
	    z-index: 999;
	    width: 100%;
	    transition: 0.5s;
	}
	.mobilemenu ul {
	    list-style: none;
	    padding: 0;
	}
	.mobilemenu ul li {
	    padding: 10px;
	}
	.mobilemenu ul li a {
	    color: #000;
	    text-decoration: none;
	}

}
@media only screen and (min-width: 768px) and (max-width: 800px) {
	.contact-info {
	    padding: 100px 11px;
	    right: -84px;
	    width: 140%;
	}
}
@media only screen and (min-width: 801px) and (max-width: 900px) {
	.contact-info {
	    padding: 100px 30px;
	    right: -84px;
	    width: 140%;
	}
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
	.contact-info {
        padding: 100px 30px;
    	right: -67px;
    	width: 120%;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1143px) {
	.contact-info {
        padding: 100px 48px;
	}
}