@media(min-width: 1400px) and (max-width: 1920px){
	.header-wrapper{
		padding-right: 45px;
	    padding-left: 45px;
	    padding-top: 45px;
	}
}

@media(min-width: 992px) and (max-width: 1199px){
	.header-wrapper .navbar .logo-wrap .navbar-brand > img{
		width: 150px;
	}
	.header-wrapper .navbar .navbar-nav li{
		padding: 10px 8px;
	}
	.header-wrapper .navbar .navbar-nav li a{
	    font-size: 16px;
	}

	.banner-cont-wrap{
		top: 65%;
	}
	.banner-cont-wrap .h1{
		font-size: 38px;
	    line-height: 28px;
	    margin-bottom: 5px;
	}

	#testimonials-slider .owl-nav .owl-prev{
		left: -3%;
	}
	#testimonials-slider .owl-nav .owl-next{
	    right: -3%;
	}
}

/*max width 991px*/
@media(max-width: 991px){
	.comon-title h3{
		font-size: 30px;
	}
	/*####### Header css start #######*/
	.header-wrapper{
		padding-right: 10px;
	    padding-left: 10px;
	    padding-top: 5px;
	}
	.header-wrapper.sticky{
		z-index: 999;
	}
	.header-wrapper .hed-contact-no a{
		font-size: 20px;
	}
	.header-wrapper .navbar .logo-wrap .navbar-brand > img{
		width: 130px;
	}
	.header-wrapper .navbar .navbar-toggler{
		color: #fff;
		border-color: #fff;
		font-size: 24px;
		margin-top:25px;
	}
	.header-wrapper .navbar .navbar-collapse {
	    position: absolute;
	    top: 100%;
	    left: 0;
	    width: 100%;
	    background-color: #57b952;
	    padding: 20px 10px;
	    z-index:9;
	}
	.header-wrapper .navbar .navbar-nav li.active a{
	    color: #000000;
	}
	.header-wrapper .navbar .navbar-nav li a:hover{
		color: #000000;
	}
	.header-wrapper .navbar .navbar-nav li a:focus{
		color: #000000;
	}
	/*sticky css*/
	.header-wrapper.sticky .navbar .navbar-nav{
		display: block;
	}
	.sticky-contact-no a{
		font-size: 20px;
	}
	
	/*live New css start 29.07.21*/
	.header-wrapper .header-top-menu .navbar{
	    justify-content: flex-end;
	}
	
	.header-wrapper.sticky .header-top-menu{
	    display:block;
	}
	.header-wrapper.sticky .header-top-menu .navbar .navbar-toggler{
        position: absolute;
        top: 15px;
        right: 20px;
        z-index: 9;
	}
	.header-wrapper.sticky .header-top-menu .navbar .navbar-collapse{
	    top: 55px;
	}
	/*live New css start 29.07.21*/

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

	/*####### Banner css start ######*/
	.banner-slider-wrap > img{
		height: 550px;
		object-fit: cover;
	}
	.banner-video-wrap .video-fluid{
		height: 550px;
		transform: scaleY(2.5);
	}

	.banner-cont-wrap .h1{
		font-size: 30px;
	}
	.banner-cont-wrap p{
		font-size: 16px;
	}
	/*####### Banner css end ######*/
	
	
	/*About us page css*/
	.about-pg-video .about-video{
	    min-height:auto;
	}
}

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

	/*##### banner css start ######*/
	.banner-video-wrap .video-fluid {
	    height: 550px;
	    transform: scaleY(1.5);
	}
	/*##### banner css end ######*/

	.footer-menu.colum2 ul li{
		width: 100%;
	}

	.abt-right-img{
		width: 300px;
    	height: 300px;
	}

}

/*max width 767px*/
@media(max-width: 767px){
	#our-services-slider .owl-nav .owl-prev{
		left: 0%;
	}
	#our-services-slider .owl-nav .owl-next{
		right: 0%;
	}

	#testimonials-slider .owl-nav .owl-prev{
		left: 0%;
	}
	#testimonials-slider .owl-nav .owl-next{
		right: 0%;
	}

	.contact-us-wrapper:before{
		width: 100%;
	}


	.abt-right-img .video-fluid{
	    transform: scaleX(1.1) scaleY(1.1);
	}
}

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

}

/*max with 575px*/
@media(max-width: 575px){
	/*Header css start #######*/
	.header-wrapper .navbar .logo-wrap .navbar-brand > img{
		width: 90px;
	}
    
    .head-contect-language-wrap{
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
	.header-wrapper .navbar .hed-language-estimate-btn{
	    width: 100%;
		padding-top: 5px;
	}
	.header-wrapper .navbar .hed-language-estimate-btn ul{
		justify-content: center;
	}
	.header-wrapper.sticky .navbar .hed-language-estimate-btn ul{
		justify-content: center;
	}
	.header-wrapper.sticky .sticky-contact-no{
	    width: 100%;
	    text-align: center;
	    margin-bottom: 4px;
	}



	/*####### Header css end #######*/
	/*####### banner css start ######*/
	.banner-video-wrap .video-fluid {
	    height: 550px;
	    transform: scaleY(2.8);
	}
	.banner-cont-wrap{
		top: 60%;
		padding-left: 15px;
	}
	.banner-cont-wrap .bnr-btn ul li{
		margin-bottom: 5px;
	}
	.banner-cont-wrap p{
		font-size: 14px;
	}
	.banner-cont-wrap .bnr-btn ul li.call-btn a{
		font-size: 16px;
	}
	/*####### banner css end ######*/
	.bnr-bottom-services-wrapper{
		margin-top: 0px;
	}
	.footer-menu.colum2 ul li{
		width: 100%;
	}
	.contact-info-wrap ul > li{
		width: 100%;
	}


	.abt-right-img{
		width: 310px;
    	height: 310px;
	}
}