@media(max-width: 1199px){
.blog-wrap .blog-content {
   
    height: 280px;
}
}


@media(min-width: 992px) and (max-width: 1199px){

	/*###### banner css start ####*/

	.banner-wrapper .banner-content-wrap .h2{

		font-size: 40px;

	}

	/*###### banner css end ####*/

	#blog-slider .owl-nav .owl-prev {

		position: absolute;

		left: -3%;

	}

	#blog-slider .owl-nav .owl-next {

		position: absolute;

		right: -3%;

	}

	.logo-wrap {

		max-width: 280px;

	}

	.blog-wrap .blog-content {

		position: relative;

		width: 100%;

		background-color: #020202;

		padding: 10px 15px;

		margin-top: -40px;

	}

}



/*max width 991px*/

@media(max-width: 991px){

	.comon-title h3{

		font-size: 30px;

	}

	/*####### Header css start ######*/

	.top-header .hed-contact-info ul li p{

		color: #c7c7c7;

		font-size: 14px;

	}

	.top-header .hed-contact-info ul li p a{

		color: #c7c7c7;

	}



	.main-menu.active{

		background-color: #1a75c5;

	}

	.header-menu-wrap .navbar .toggle-menu{

		color: #fff;

		font-size: 20px;

	}

	.header-menu-wrap .navbar .main-menu > li.sub-dropdown:after{

		display: none;

	}

	/*####### Header css end ######*/

	/*####### Banner css start ######*/

	.banner-slider-wrap > img{

		position: relative;

		width: 100%;

		height: 550px;

		object-fit: cover;

	}

	.banner-wrapper .banner-content-wrap{

		top: 60%;

	}

	.banner-wrapper .banner-content-wrap .h1{

		font-size: 20px;

	}

	.banner-wrapper .banner-content-wrap .h2{

		font-size: 26px;

	}

	/*####### Banner css end ######*/

	.about-top-sec .about-top-wrap{



		margin-top: -30px;

	}



	.choose-list:after{

		display: none;

	}



	.about-left .contentbox h4{

		font-size: 20px;

	}

	/* .header-wrapper{

		display: none;

		} */

		.mobile-menu {

			position: relative;

			z-index: 99;

			display: block;

		}

		.sidebar-toggle{

			display: block;

		}

		.menu-wrap {

			display: none;

		}

		.sub-menu li{

			margin-bottom: 6px !important;

		}

		.sub-menu li a{

			font-size: 14px;

		}

		.alignleft,

		.alignright,

		.aligncenter {

			width: 100%;

			margin-right: 0;

			margin-left: 0;

		}

		.bnr-btn-wrap{

			display: none;

		}

		.why-choose-installs-wrapper {

			padding: 40px 0px;

		}

		.tech-support {

			position: relative;

			width: 100%;

			padding-top: 10px;

			margin-top: 0;

			border-top: 1px solid #a5a5a5;

		}

		.choose-wrap .content h4 {

			font-size: 18px; 

		}

		.rs-contact .contact-box {



			font-size: 16px;

		}

		.blog-wrap .blog-content {



			width: 100%;



		}

		.blog-wrap .blog-content p {

			font-size: 13px;

		}

		.inner-banner img {



			height: auto;



		}

		.services-wrap .srv-img {



			height: auto; 





		}
.blog-wrap .blog-content {
    height: 230px;
}


	}



	/*width 768px to 991px*/

	@media(min-width: 768px) and (max-width: 991px){



	}



	/*max width 767px*/

	@media(max-width: 767px){

		.comon-title h3{

			font-size: 26px;

		}



		.top-header .hed-contact-info ul{

			justify-content: center !important;

		}

		/*######## Services css start ######*/

		#services-slider .owl-nav{

			position: absolute;

			top: 25%;

			transform: translateY(-50%);

			width: 100%;

			bottom: auto;

			right: auto;

		}

		#services-slider .owl-nav .owl-prev{

			position: absolute;

			left: -3%;

			bottom: auto !important;

		}

		#services-slider .owl-nav .owl-next{

			position: absolute;

			right: -3%;

			bottom: auto !important;

		}

		/*######## Services css end ######*/

		#blog-slider .owl-nav{

			top: 20%;

		}

		#blog-slider .owl-nav .owl-prev{

			left: -2%;

		}

		#blog-slider .owl-nav .owl-next{

			right: -2%;

		}



		.blog-wrap .blog-content{

			width: 100%;

		}

		.banner-wrapper .banner-content-wrap{

			display: none;

		}

		.footer-wrapper{

			text-align: left;

		}

		.footer-inner-wrap p{

			font-size: 14px;

			color: #fff;

		}

		.footer-menu ul {

			padding-left: 0;

		}

		.footer-menu ul li a {

			color: #fff;

			font-size: 15px;

		}

		.footer-inner-wrap > h3 {

			font-size: 20px;

		}





		.foot-copy p {

			position: relative;

			width: 100%;

			color: #ffffff;

			font-size: 14px;

			margin-bottom: 0px;

		}

		.btn-callus{

			display: block;

		}

		.footer-wrapper {



			margin-bottom: 50px;

		}

		.inner-banner img {



			height: auto;



		}

		.mobile-menu .footer-inner-wrap {

			padding-left: 1.5rem;

		}



		.related-project .portfolio-wrap .portfolio-img {

			height: auto;

		}

		.inner-banner .inner-banner-cont h1 {

			font-size: 28px;

		}

		.services-wrap .srv-img {

			height: auto;

		}

		.blog-wrap .blog-content h4 {

			min-height: auto;

			font-size: 18px;

		}

		.fucts-list h4 {



			font-size: 16px;



		}

		.blog-sld-item .blog-wrap .blog-content{

			height: 200px;

			/*overflow: hidden;*/

		}

		.about-top-sec .about-top-wrap {

			margin-top: 20px;

		}

		.footer-inner-wrap .foot-social-icon {

			margin-bottom: .7rem;

		}

		.header-wrapper {

			z-index: 99;

		}

		.greviews {
		    margin-bottom: 25px;
		    position: relative;
		    z-index: 1;
		}

		.contact-testimonials-wrapper{
			padding-top: 45px;
		}

.about-top-sec {
   
    z-index: 0;
}

	}



	/*width 576px to 767px*/

	@media(min-width: 576px) and (max-width: 767px){

		.banner-slider-wrap > img{

			height: 500px;

		}

	}



	/*max with 575px*/

	@media(max-width: 575px){

		.top-header{

			display: none;

		}

		.logo-wrap .navbar-brand > img{

			width: 230px;

		}



		.banner-wrapper .banner-content-wrap .h2{

			font-size: 20px;

		}

		.banner-slider-wrap > img{

			height: 350px;

		}



		#banner-slider .owl-nav .owl-prev{

			left: 1%;

		}

		#banner-slider .owl-nav .owl-next{

			right: 1%;

		}

		body.page-template-template-blog .blog-wrap .blog-content {

			height: auto;

		}

	}