@media screen and (min-width: 280px) and (max-width: 519px) {
	.owl-carousel .owl-wrapper, 
	.owl-carousel .owl-item {
		width: 100% !important;
	}
	.login-bar a {
	    font-size: 11px;
	    margin-left: 10px;
	}
	.navbar.navbar-default .navbar-brand {
	    max-width: 230px;
	}
	#main-slider .slider-inner h2 {
	    margin-top: 120px;
	}
	.navbar-default {
	    background-color:#0096C3;
	}
	.navbar.navbar-default .navbar-toggle {
	    margin-top: 32px;
	    background: #ddd;
	}
	.navbar-fixed-top .navbar-collapse {
	    max-height: 1000px !important;
	    background: #fff;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
		font-weight: 900;
	}
	.benefits-new-cont {
		float: left;
	}
	.benefits-green-titlecont {
	    width: 100%;
	    padding: 2%;
	    float: left;
	}
	.benefits-green-img {
	    width: 94%;
	    position: relative;
	    clear: both;
	    float: left;
	    bottom: 0;
	    left: 2%;
	    top: 0;
	    text-align: center;
	}
	.benefits-green-img img {
		margin: 0 auto;
	}
	.benefits-green-title2cont {
	    width: 100%;
	    margin-left: 0;
	    padding: 0 2%;
	    clear: both;
	    float: left;
	    vertical-align: middle;
	}
	.benefits-green-text {
	    width: 100%;
	    vertical-align: middle;
	    padding: 5% 2%;
	    clear: both;
	    float: left;
	}
	#pricing ul.pricing {
	    min-height: 580px;
	}
	#pricing ul.pricing li.plan-purchase {
	    left: 5%;
	    width: 90%;
	}
	.blog-cont {
	    max-height: 220px;
	}
	.blog-cont img {
	    height: 220px;
	}
	.blog-title {
	    font-size: 13px;
	    line-height: 16px;
	}
	.blog-resume {
	    font-size: 13px;
	    font-weight: 400;
	    line-height: 16px;
	}
}

@media screen and (min-width: 520px) and (max-width: 767px) {
	.owl-carousel .owl-wrapper, 
	.owl-carousel .owl-item {
		width: 100% !important;
	}
	.navbar-default {
	    background-color:#0096C3;
	}
	.navbar.navbar-default .navbar-toggle {
	    margin-top: 32px;
	    background: #ddd;
	}
	.navbar-fixed-top .navbar-collapse {
	    max-height: 1000px !important;
	    background: #fff;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
		font-weight: 900;
	}
	.benefits-green-titlecont {
	    width: 50%;
	    padding: 2%;
	}
	.benefits-green-img {
	    width: 49%;
	    bottom: 0;
	    left: 49%;
	    top: 0;
	}
	.benefits-green-title2cont {
	    width: 50%;
	    margin-left: 3%;
	    vertical-align: middle;
	}
	.benefits-green-text {
	    width: 39%;
	    vertical-align: middle;
	    padding: 3% 0;
	}
	#pricing ul.pricing {
	    min-height: 510px;
	}
	#pricing ul.pricing li.plan-purchase {
	    left: 5%;
	    width: 90%;
	}
	.blog-cont {
	    max-height: 220px;
	}
	.blog-cont img {
	    height: 220px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.owl-carousel .owl-wrapper, 
	.owl-carousel .owl-item {
		width: 100% !important;
	}
	.navbar.navbar-default .navbar-brand {
	    max-width: 200px;
	}
	.navbar-brand>img {
	    width: 100%;
	}
	.nav>li>a {
	    padding: 10px 5px;
	}
	#main-menu.navbar-default .navbar-nav > li > a {
		font-size: 12px !important;
	}
	.carousel-content {
	    width: 140%;
	}
	#pricing ul.pricing {
	    min-height: 600px;
	}
	#pricing ul.pricing li.plan-purchase {
	    left: 5%;
	    width: 90%;
	}
	.blog-cont {
	    max-height: 260px;
	}
	.blog-cont img {
	    height: 260px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1099px) {
	.owl-carousel .owl-wrapper, 
	.owl-carousel .owl-item {
		width: 100% !important;
	}
	.navbar-brand>img {
	    width: 70%;
	}
	.nav>li>a {
	    padding: 10px 9px;
	}
	#main-menu.navbar-default .navbar-nav > li > a {
		font-size: 14px !important;
	}
	#pricing ul.pricing {
	    min-height: 730px;
	}
	#pricing ul.pricing li.plan-purchase {
	    left: 5%;
	    width: 90%;
	}
	.blog-title {
	    font-size: 14px;
	}
}

@media screen and (min-width: 1100px) and (max-width: 1220px) {
	.owl-carousel .owl-wrapper, 
	.owl-carousel .owl-item {
		width: 100% !important;
	}
	.nav>li>a {
	    padding: 10px 9px;
	}
	#main-menu.navbar-default .navbar-nav > li > a {
		font-weight: 14px;
	}
	#pricing ul.pricing {
	    min-height: 730px;
	}
	#pricing ul.pricing li.plan-purchase {
	    left: 5%;
	    width: 90%;
	}
}