
/* Responsive styles */

@media screen and (min-width:992px) and (max-width:1199px) {
	
	.main-menu .navbar-default .navbar-nav>li {
		padding: 20px 15px;
	}
	.our-offers .color-circle {
		height: 210px;
		width: 210px;
	}
	.our-offers .color-circle img {
		width: 60%;
	}
	.our-offers p {
		font-size: 16px;
	}
    
}

@media screen and (min-width:768px) and (max-width:991px) {
	
	.main-menu .navbar-default .navbar-nav>li {
		padding: 20px 15px;
	}
	
	.banner h1 {
		font-size: 36px;
	}
	.our-offers .circle {
		margin-bottom: 20px;
	}
	.our-offers .color-circle {
		height: 210px;
		width: 210px;
		display: block;
	}
	.our-offers .color-circle img {
		width: 60%;
	}
	.main-phone {
		display: none;
	}
	

}

@media screen and (max-width:767px) {
	
	.main-menu .navbar-brand {
		padding: 0 10px;
	}
	.navbar-toggle {
		margin: -7px 0 0;
	}
	h2 {
		font-size: 28px !important;
	}
	.navbar-collapse {
		background: #fff;
	}
	.main-menu .navbar-default .navbar-nav>li>a {
		color: #141313;
	}
	.main-menu .navbar-brand img {
		max-width: 43px;
		margin-top: 2px;
	}
	.navbar-collapse.collapse {
		position: relative
	}
	.fixed-menu .navbar-default .navbar-toggle .icon-bar {
		background-color: #d93f3d;
	}
	.fixed-menu {
		padding: 7px 0 0px;
	}
	.navbar-default .navbar-toggle {
		padding-top: 18px;
	}
	
	.our-offers .circle {
		margin-bottom: 20px;
	}
	.our-offers .color-circle {
		height: 210px;
		width: 210px;
		display: block;
	}
	.our-offers .color-circle img {
		width: 60%;
	}
	.intro {
		padding: 60px 0;
	}
	.our-eligibility {
		padding: 0 0 20px;
	}
	.our-offers {
		padding: 20px 0px 40px;
	}
	.our-eligibility img {
		margin-left: 0;
	}
	.banner h1 {
		font-size: 35px;
	}
	.main-phone {
		font-size: 14px;
		margin: 10px 0 0 -2px;
	}
	.banner .banner-text {
		top: 30%;
	}
	.banner {
		background: url(../images/banner.jpg) right -350px bottom -90px;
	}
	.banner .banner-text {
		z-index:0;
	}
	.offer--col{
		width: 100% !important;
	}
	
	
}
