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

	section.news{

		background-size: 30%;
	}

}

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

	section.abt-serv .abt-serv-inn .abt p{

		max-height: 195px;

		overflow: hidden;
	}

}


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

	header .navbar-default .nav-top ul{

		width: 100%;
	}

	header .navbar-default .navbar-toggle{

		margin-top: 30px;
	}

	header .navbar-default li{

		text-align: center;
	}

	header .navbar-default li:hover{

		background-color: #f5f5f5;
	}

	header .navbar-default .navbar-collapse{

		box-shadow: 0px 0px 10px #c1c1c1;

		max-height: unset !important;
	}

	section.banner .item {

		height: 500px;
	}

	section.banner .item .carousel-caption h2{

		font-size: 50px;
	}

	section.banner .item .carousel-caption h2:before{

		width: 70px;

		height: 19px;

		top: -20px;
	}

	section.abt-serv .abt-serv-inn{

		padding: 40px;

		background-size: 60%;
	}

	section.news{

		padding: 60px 0px 40px 0px;

		background-size: 40%;
	}

	footer .right li{

		display: inline-block;

		margin-right: 10px;
	}

	footer .right .use-links{

		margin-top: 20px;
	}

	footer .right .footer-top{

		margin-bottom: 20px;
	}

	footer .right .footer-top li{

		margin-bottom: 10px;
	}

	/**/

	section.inner-banner .inner-hed{

		bottom: 60px;
	}

	section.inner-pge .fill{

		padding: 30px 20px;

		margin-top: -30px;
	}




}

/**************************************************/
@media (min-width: 0px) and (max-width: 700px) {

	
}


/**************************************************/
@media (min-width: 0px) and (max-width: 600px) {

	section.serv-pge .col-xs-12{

		width: 100%;
	}

	section.abt-pge figure{

		width: 100%;

		padding-right: 10px;

		padding-bottom: 15px;
	}

	section.news-deta-pge .item{

		width: 100%;

		padding-right: 10px;

		padding-bottom: 15px;		
	}


}


/**************************************************/
@media (min-width: 0px) and (max-width: 500px) {

	header .navbar-default .nav-top ul{

		border-radius: 0px 0px 0px 0px;
	}

	header .navbar-default .nav-top ul li{
		
		margin: 12px 5px;
	}

	section.banner .item {

		height: 500px;
	}

	section.banner .item .carousel-caption h2{

		font-size: 35px;
	}

	section.banner .item .carousel-caption h2:before{

		width: 60px;

		height: 15px;

		top: -18px;
	}

	section.abt-serv .abt-serv-inn{

		padding: 30px 10px;
	}

	section.clients .left{

		width: 100%;

		min-height: unset;

		padding: 60px 10px 30px 10px;
	}

	section.clients .right{

		width: 100%;

		position: relative;

		min-height: unset;

		padding: 40px 10px;
	}

	section.clients .right .owl-carousel{

		width: 100%;

		position: relative;

		min-height: unset;

		transform: unset;
	}

	section.news{

		padding: 50px 0px 50px 0px;
	}

	footer .left,
	footer .right{

		width: 100%;
	}

	footer .right{

		padding: 50px 0px 10px 0px;
	}

	footer .right .footer-top li{

		width: 100%;
	}

	footer .sub-footer .left,
	footer .sub-footer .right{

		width: 100%;
	}

	footer .sub-footer .right{

		padding: 2px 10px;
	}

	section.contact-pge .left,
	section.contact-pge .right{

		width: 100%;
	}


}


/**************************************************/
@media (min-width: 0px) and (max-width: 450px) {


	
}


/**************************************************/
@media (min-width: 0px) and (max-width: 400px) {

	section.inner-banner .inner-hed{

		left: 10px;

		right: 10px;

		transform: unset;

		text-align: center;
	}

	section.inner-banner .inner-hed h2{

		float: none;
	}

}




/**************************************************/
@media (min-width: 0px) and (max-width: 380px) {