@media (min-width:2001px) and (max-width:2560px){
	.container {
	    max-width: 1580px;
	}
}
@media (min-width:1801px) and (max-width:2000px){
	.container {
	    max-width: 1580px;
	}
}
@media (min-width:1551px) and (max-width:1800px){

	.container {
	    max-width: 1450px;
	}

	.baner-text {
		top: 50%;
		padding: 0 100px;
	}
	.baner-text h2{
		font-size: 40px;
	}

	.infodata-box{
		padding: 30px;
	}
	.infodata-text h5{
		font-size: 26px;
	}
	.infodata-text p{
		max-width: 420px;
	}
}
@media (min-width:1300px) and (max-width:1550px){

	.container {
	    max-width: 1250px;
	}


	.baner-text {
		top: 50%;
		padding: 0 100px;
	}
	.baner-text h2{
		font-size: 40px;
	}
	.infodata-box{
		padding: 30px;
	}
	.infodata-text h5{
		font-size: 26px;
	}
	.infodata-text p{
		max-width: 380px;
	}


	.service-section{
		padding-top: 90px;
	}

	.foot-link ul li{
		margin: 0 0 0 50px;
	}
	.foot-social ul li{
		margin: 0 5px 0 0;
	}
}
@media (min-width:1200px) and (max-width:1299px){
	.container {
	    max-width: 1150px;
	}

	.navbar-brand{
		width: 270px;
	}
	.navbar-expand-lg .navbar-nav .nav-item {
    	margin: 19px 40px 0 0;
	}
	.navbar-expand-lg .navbar-nav .nav-item:last-child {
    	margin: 0 0px 0 0px;
	}
	.navbar-expand-lg .navbar-nav .top-btn a{
		width: 180px;
	}


	.banner-image img{
		object-fit: cover;
		width: 100%;
		height: 400px;
	}
	.baner-text {
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 600px;
	}
	.baner-text h2{
		font-size: 35px;
	}
	.infodata-box{
		padding: 30px;
	}
	.infodata-text h5{
		font-size: 25px;
		margin: 0 40px 0 0;
	}


	.service-section{
		padding-top: 80px;
	}
	.service-title h1,.service-title h2{
		max-width: 250px;
	}
	.foot-link ul li{
		margin: 0 0 0 30px;
	}
	.foot-social ul li{
		margin: 0 1px 0 0 ;
	}
}
@media (min-width:992px) and (max-width:1199px){

	.navbar-brand{
		width: 250px;
	}
	.navbar-expand-lg .navbar-nav .nav-item {
    	margin: 19px 35px 0 0;
	}
	.navbar-expand-lg .navbar-nav .nav-item:last-child {
    	margin: 0 0px 0 0px;
	}
	.navbar-expand-lg .navbar-nav .top-btn a{
		width: 160px;
	}



	.banner-image img{
		object-fit: cover;
		width: 100%;
		height: 400px;
	}
	.baner-text {
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 600px;
	}
	.baner-text h2{
		font-size: 35px;
	}
	.infodata-box{
		min-height: 140px;
		padding: 30px;
	}


	.service-section{
		padding-top: 80px;
	}
	.service-title h1,.service-title h2{
		max-width: 240px;
	}

	.foot-logo img{
		margin: 0 auto;
	}
	.foot-logo{
		margin-bottom: 30px;
	}
	.foot-link ul li{
		margin: 0 0 0 30px;
	}

	/* about */
	.innerbanner-text{
		padding: 0 10px;
	}
	.innerbanner-text h1{
		font-size: 40px;
	}


}
@media (min-width:768px) and (max-width:991px){

	.navbar{
		min-height: auto;
	}
	.navbar-brand{
		width: 200px;
	}
	.navbar-expand-lg .navbar-nav .nav-item,.navbar-expand-lg .navbar-nav .nav-item:last-child{
		margin: 10px 0;
		text-align: center;
	}
	.navbar-expand-lg .navbar-nav .top-btn a{
		margin: 0 auto;
	}


	.banner-image img{
		object-fit: cover;
		width: 100%;
		height: 400px;
	}
	.baner-text{
		padding: 0 150px;
		top: 55%;
	}
	.baner-text h2{
		font-size: 30px;
	}
	.baner-text p{
		font-size: 14px;
		line-height: 24px;
	}
	.baner-text .comman-btn{
		height: 45px;
		line-height: 34px;
		width: 140px;
		font-size: 13px;
	}
	.banner-slider .owl-carousel .owl-nav button.owl-next, 
	.banner-slider .owl-carousel .owl-nav button.owl-prev{
		left: 20px;
		top: 50%;
	}

	.banner-slider .owl-carousel .owl-nav button.owl-next {
	    left: auto;
	    right: 20px;
	}


	.infodata-box{
		padding: 30px 40px;
	}

	.service-section{
		padding-top: 60px;
	}
	.service-title{
		margin-bottom: 60px;
	}
	.service-title h1,.service-title h2{
		max-width: 240px;
	}


	.foot-logo img{
		margin: 0 auto;
	}
	.foot-link ul{
		padding: 30px 0;
	}
	.foot-link ul li{
		margin: 0 0 0 40px;
	}
	.foot-link ul .foot-btn a{
		width: 160px;
	}
	.foot-social ul{
		margin: 0 auto;
	}

	/* about */
	.innerbanner-text{
		padding: 0 10px;
	}
	.innerbanner-text h1{
		font-size: 40px;
	}

	/* contact */
	.contact-form{
		padding: 30px 20px;
	}
}	
@media (min-width:320px) and (max-width:767px){

	.navbar{
		min-height: auto;
	}
	.navbar-brand{
		width: 200px;
	}
	.navbar-expand-lg .navbar-nav .nav-item,.navbar-expand-lg .navbar-nav .nav-item:last-child{
		margin: 10px 0;
		text-align: center;
	}
	.navbar-expand-lg .navbar-nav .top-btn a{
		margin: 0 auto;
	}


	.banner-image img{
		object-fit: cover;
		width: 100%;
		height: 450px;
	}
	.baner-text{
		padding: 0 10px;
		top: 45%;
	}
	.baner-text h2{
		font-size: 20px;
	}
	.baner-text p{
		font-size: 14px;
		line-height: 24px;
	}
	.baner-text .comman-btn{
		height: 45px;
		line-height: 34px;
		width: 120px;
		font-size: 13px;
	}
	.banner-slider .owl-carousel .owl-nav button.owl-next, 
	.banner-slider .owl-carousel .owl-nav button.owl-prev{
		top: auto;
		bottom: 40px;
		left: 20px;
	}

	.banner-slider .owl-carousel .owl-nav button.owl-next {
	    left: auto;
	    right: 20px;
	    transform: rotate(180deg);
	}


	.infodata-box{
		padding: 30px;
	}
	.infodata-text{
		align-items: center;
		flex-direction: column;
		text-align: center;
	}
	.infodata-text h5{
		text-align: center;
		font-size: 30px;
		margin: 0 0 20px 0;
	}
	.infodata-text h5 br{
		display: none;
	}


	.service-section{
		padding: 50px 0 0 0;
	}
	.service-title{
		align-items: center;
		flex-direction: column;
		text-align: center;
		margin-bottom: 40px;
	}
	.service-title h1,.service-title h2{
		text-align: center;
		margin: 0 0 20px 0;
	}
	.service-title h1::before,.service-title h2::before{
		display: none;
	}
	.service-box{
		margin-bottom: 60px;
	}


	.foot-logo img{
		margin: 0 auto;
	}
	.foot-link ul{
		margin: 20px auto;
		text-align: center;
	}
	.foot-link ul li{
		display: block;
		margin: 0 0 10px 0;
	}
	.foot-link ul .foot-btn{
		margin: 0 auto;
	}
	.foot-social ul{
		margin: 0 auto;
	}


	/* about */
	.innerbanner-text{
		padding: 0 10px;
	}
	.innerbanner-text h1{
		font-size: 35px;
	}


	/* contact */
	.contact-form{
		padding: 30px 15px;
	}
	.pd-left{
		padding-left: 15px;
	}
	.pd-right{
		padding-right: 15px;
	}
	
}	
@media (min-width:576px) and (max-width:767px){


	.baner-text{
		padding: 0 80px;
	}
	.baner-text{
		top: 50%;
	}
	.baner-text h2{
		font-size: 30px;
	}
	.banner-slider .owl-carousel .owl-nav button.owl-next, 
	.banner-slider .owl-carousel .owl-nav button.owl-prev{
		top: 50%;
		bottom: auto;
		left: 20px;
	}

	.service-title h1,.service-title h2{
		max-width: 100%;
	}

	.foot-link ul{
		margin: 30px auto;
	}
	.foot-link ul li{
		display: inline-block;
		margin: 0 15px 30px 15px;
	}
	.foot-link ul .foot-btn{
		display: table;
		margin: 0 auto;
	}

	.contact-form{
		padding: 30px;
	}
	.pd-left{
		padding-left: 5px;
	}
	.pd-right{
		padding-right: 8px;
	}


}

