@media only screen and (min-width:1900px) {
    .container{ max-width: 1600px; }
}

@media only screen and (min-width:1600px) {
    .container{ max-width: 1400px; }
}

/* 992 */
@media only screen and (max-width: 1199px) {
	/* Home page  */
	.section-heading {
		max-width: 60%;
		margin-bottom: 30px;
	}
	.about-text {
		padding: 0;
	}
	.contact-form {
		padding: 30px;
	}


	/* Gallery Page  */
	.gal-row{
		margin: 0 -8px;
	}
	.gal-row [class*="col-"]{
		padding: 0 8px;
	}
	.gallery-cms .gal-img::after {
		height: 28px;
		width: 28px;
		bottom: 10px;
		left: 10px;
	}


	/* About Page  */
	.about-cms .ab-row .about-text {
		padding: 0;
	}
	.about-cms .ab-row .about-img {
		margin: 0;
	}
	.work-cms .whychoose-box {
		padding: 20px 20px;
	}
}

/* 768px  */
@media only screen and (max-width: 991px) {
	/* Toggle nav start  */
	.navbar-collapse {
		width: 200px;
		position: absolute;
		top: 100%;
		right: 15px;
		background: #000000c7;
    	backdrop-filter: blur(8px);
		z-index: 9;
		padding: 10px 12px;
		transition: all 0.4s;
	}
	.navbar-collapse ul > li {
		margin-right: 0px;
		padding: 6px 0;
	}
	.navbar .navbar-collapse ul li a {
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.4px;
		color: var(--white);
		padding: 0;
	}
	.navbar-toggler {
		padding: 0 !important;
		color: var(--blue) !important;
		background-color: transparent !important;
	}
	.navbar-toggler-icon {
		height: auto !important;
	}
	.navbar-toggler:focus,
	.navbar-toggler:hover {
		text-decoration: none;
		outline: none;
		border: none;
	}
	.main-header .navbar-nav {
		padding-left: 0;
	}
	.navbar .navbar-collapse ul > li.active > a {
		text-decoration: underline !important;
		color: var(--blue);
		font-weight: 700;
	}
	.con-btn.btn:not(:disabled):not(.disabled) {
		margin-left: auto;
		margin-right: 20px;
	}

	/* Toggle nav end  */
	body, p{
		line-height: 18px;
	}
	.navbar-brand img {
		width: 100px;
	}
	.innerBanner {
		height: 220px;
	}
	.banner-img {
		padding-top: 60%;
	}
	.banner-text h1 {
		font-size: 36px;
		line-height: 38px;
	}
	.banner-text p {
		font-size: 13px;
	}
	.btn{
		font-size: 11px;
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
	}
	.sec-space {
		padding: 50px 0;
	}
	h2 {
		font-size: 22px;
	}
	.about-text h6, .section-heading h6 {
		font-size: 14px;
		margin-bottom: 4px;
	}
	.about-img {
		padding-top: 100%;
	}
	.section-title {
		max-width: 75%;
		margin-bottom: 30px;
	}
	.whyus .section-heading {
		max-width: 80%;
	}
	.whyus h4 {
		padding: 20px 0 10px;
		margin-bottom: 0;
		font-size: 16px;
		font-weight: 600;
	}
	.counter {
		font-size: 25px;
		width: 54px;
		height: 54px;
		line-height: 52px;
	}
	.whychoose-box {
		padding: 0 8px;
	}
	.blog-content p {
		max-width: 100%;
		-webkit-line-clamp: 2;
		line-clamp: 2;
	}
	.blog-row .bcontent h3 a {
		line-height: 1.2;
		max-width: 100%;
	}
	.btn-line{
		height: auto;
		line-height: normal;
	}
	.bcontent {
		padding: 20px;
	}
	.bcontent h3 {
		margin-bottom: 0;
	}
	.blog-row .custom-news:first-child .bcontent h3 a {
		max-width: 100%;
	}
	.blog-row .custom-news:not(:first-child) .blog-box {
		margin-bottom: 12px;
	}
	.blog-row .custom-news:first-child {
		width: 48%;
	}
	
	.contact-info a, .contact-info p {
		max-width: 100%;
	}
	.contact-form {
		padding: 30px;
	}


	/* Blog Page  */
	.bl-row {
		margin: 0 -8px;
		row-gap: 16px;
	}
	.bl-row [class*="col-"]{
		padding: 0 8px;
	}

	/* About Page  */
	.work-cms .w-row{
		margin: 0 -8px;
		row-gap: 16px;
	}
	.work-cms .w-row [class*="col-"]{
		padding: 0 8px;
	}


	/* Contact Page  */
	.contact-cms .contact-details .con-box {
		max-width: 100%;
	}

	/* Single Service  */
	.s-service-text {
		padding: 20px;
	}

	/* Single Blog  */
	.recent_carousel {
		padding: 12px;
	}
	.motitle {
		font-size: 24px;
	}


}

/* 576 */
@media only screen and (max-width: 767px) {
/* Home Page  */
	.navbar-brand img {
		width: 90px;
	}
	.banner-img {
		padding-top: 66%;
	}
	.banner-text h1 strong {
		display: inline;
	}
	.banner-text h1 {
		font-size: 34px;
		line-height: 36px;
	}
	.about-img {
		padding-top: 64%;
		margin-bottom: 20px;
	}
	.section-heading {
		max-width: 80%;
		margin-bottom: 20px;
	}
	.whyus .section-heading {
		max-width: 84%;
	}
	.testimonial-slider.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
		top: -18%;
	}
	.blog-row {
		width: 100%;
	}
	.blog-row .custom-news:first-child {
		position: relative;
		width: 100%;
		margin-bottom: 20px;
	}
	.contact .contact-details {
		padding-bottom: 20px;
	}
	.go-top {
		bottom: 54px;
	}


	/* Gallery Page  */
	.gallery-cms .gal-img::after {
		bottom: 12px;
		left: 12px;
	}
	.gal-row {
		row-gap: 16px;
	}


	/* Blog Page  */
	.bcontent h3 a {
		font-size: 17px;
		margin: 10px 0;
	}


	/* Contact PAge  */
	.contact .contact-details{
		margin-bottom: 20px;
	}


	/* Single Service Page  */
	.s-service .about-img{
		height: auto;
		margin-bottom: 0;
	}
	.s-service-text {
		box-shadow: #E9ECEF 0.95px 1.95px 7.6px;
	}
	/* .ss-desc p{
		display: block;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		font-weight: 700;
		color: #00000070;
	} */


	/* About Page  */
	.about-cms .ab-row:not(:last-child):before, .about-cms .ab-row::after {
		display: none;
	}
	.about-cms .about-img {
		padding-top: 60%;
	}
	.about-cms .about-text{
		margin-top: 40px;
	}
	.about-cms .ab-row h3{
		font-size: 20px;
	}


	/* Single Blog Page  */
	.recent_carousel{
		margin-top: 20px;
	}
	.recent_carousel .blog-box{
		display: flex;
		background: var(--light-grey);
	}
	.recent_carousel .blog-img {
		padding-top: 28%;
		flex: 0 0 40%;
	}
	.recent_carousel .bcontent {
		padding: 12px 20px;
	}
	.recent_carousel .bcontent h3 a {
		margin: 5px 0;
	}
}

/* 480 */
@media only screen and (max-width: 575px) {
/* Home Page  */
	.banner-text h1 {
		font-size: 28px;
		line-height: 30px;
	}
	.banner-img {
		padding-top: 64%;
	}
	.banner-text p{
		padding: 0;
	}
	.btn {
		height: 36px;
		line-height: 34px;
		padding: 0 14px;
		font-size: 11px;
	}
	.section-heading {
		max-width: 100%;
	}
	h2 {
		font-size: 20px;
	}
	.service-box {
		text-align: center;
		padding: 20px 18px;
	}
	.testimonial-slider.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
		top: -24%;
	}
	.whyus .section-heading {
		max-width: 100%;
	}
	.counter {
		font-size: 20px;
		width: 50px;
		height: 50px;
		line-height: 46px;
	}
	.whyus h4 {
		padding: 12px 0 6px;
	}
	.whychoose-box {
		padding: 0;
	}
	.sec-space{
		padding: 40px 0;
	}
	.ft-note {
		max-width: 99%;
	}
	.contact-form {
		padding: 20px;
	}

	/* About Page  */
	.about-cms .about-text {
		margin-top: 20px;
	}
	.innerBanner {
		height: 180px;
	}


	/* Service Page  */
	.serv-row{
		margin: 0 -8px;
		row-gap: 20px;
	}
	.serv-row [class*="col-"]{
		padding: 0 8px;
	}

	/* Single Blog Page  */
	.recent_carousel .btn{
		height: auto;
			line-height: unset;
	}

}


/* 360 */
@media only screen and (max-width: 479px) {
	/* Home Page  */
	.menumain nav.navbar {
		padding: 2px 15px;
	}
	body p{
		font-size: 13px;
	}
	.btn {
		height: 32px;
		line-height: 30px;
		padding: 0 14px;
		font-size: 10px;
	}
	.menumain .navbar-brand img {
		width: 80px;
	}
	.con-btn.btn:not(:disabled):not(.disabled) {
		margin-right: 4px;
	}
	.sec-space {
		padding: 30px 0;
	}
	h2 {
		font-size: 20px;
		line-height: 24px;
	}
	.banner-text h1 {
		font-size: 22px;
		line-height: 22px;
	}
	.banner-wrapper {
		top: 45%;
	}
	.banner-img {
		padding-top: 70%;  
	}
	.banner-wrapper {
		top: 40%;
	}
	.w-row [class*="col-"]{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.whychoose-box {
		padding: 0 20px;
	}
	.blog-row .custom-news:first-child .bcontent h3 a {
		font-size: 18px;
	}
	.section-title {	
		margin-bottom: 14px;
	}
	.testimonial-slider.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
		height: 34px;
		width: 34px;
		line-height: 34px;
	}
	.testimonial-slider.owl-carousel .owl-nav button.owl-prev {
		right: 45px;
	}
	.testimonial-slider.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
		top: -20%;
	}
	.footer-link-wrapper [class*="col-"]{
		max-width: 100%;
		flex: 0 0 100%;
	}
	.quick-link-box ul li a{
		font-size: 12px;
	}
	.footer-row [class*="col-"]:not(:nth-child(2)) h3{
		margin-top: 30px;
	}

	.contact-details .con-box {
		margin-bottom: 10px;
	}
	.innerBanner {
		height: 160px;
	}


	/* Gallery Page  */
	.gallery-cms .gal-img::after {
		height: 22px;
		width: 22px;
		bottom: 6px;
		left: 8px;
	}


	/* Blog Page  */
	.bl-row [class*="col-"]{
		max-width: 100%;
		flex: 0 0 100%;
	}


	/* Contact Page  */
	.contact-form{
		padding: 24px;
	}
	.form-control {
		height: 40px;
	}
	.form-group {
		margin-bottom: 10px;
	}


	/* About Page   */
	.about-cms .about-text h4 {
		font-size: 17px;
	}
	.about-cms h2 {
		font-size: 18px;
		line-height: 22px;
	}


	/* Service Page  */
	.serv-row [class*="col-"]{
		max-width: 100%;
		flex: 0 0 100%;
	}

	/* Single Service Page  */
	.s-service-text {
		padding: 12px;
	}
	.s-service-text h3 {
		font-size: 20px;
	}


	 /* Single Blog Page  */
	 .motitle {
		font-size: 20px;
	}
	.recent_carousel .bcontent {
		padding: 12px 14px;
	}

}

/* 320 */
@media only screen and (max-width: 359px) {
	body p, .contact-cms .con-box a{
		font-size: 12px !important;
		line-height: 16px !important;
	}
	h2 {
		font-size: 18px !important;
	}
	.banner-text {
		max-width: 92%;
	}
	.blog-row .custom-news:first-child .bcontent h3 a {
		font-size: 17px;
	}
	.contact-form {
		padding: 16px;
	}

	/* Single Blog Page  */
	.recent_carousel .bcontent {
		padding: 12px 6px;
	}
}