@media(min-width:320px) and (max-width:700px) {
    .dark-version .sub-bnr h3 {
	color: #fff;
	 text-align:left;
	  padding-right:0px;
    }
	  
	  .sub-bnr {
    min-height: 399px !important;
    text-align: center;
	  }
	  
	  .post-detail h1{
	      font-size: 27px !important;
	  }
	  
	  .post-detail h2{
	      font-size: 25px !important;
	  }
	  
	  .post-detail h3{
	      font-size: 22px !important;
	  }
	  
	   .post-detail h4{
	      font-size: 20px !important;
	  }
}


.post-detail h1{
	      font-size: 32px !important;
	  }
	  
	  .post-detail h2{
	      font-size: 30px !important;
	  }
	  
	  .post-detail h3{
	      font-size: 22px !important;
	  }
	  
	   .post-detail h4{
	      font-size: 28px !important;
	  }
	  
	  

video
{
    width:960px;
    height:640px;
}
.dark-version .sub-bnr p {
    padding-right:10px;
	color: #fff;
	text-align:left;
}
  .dark-version .who-we-are{
    background: url(../images/bg/vitamin7-who-we-mob.jpg) 0% 80px no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

#service-img{
    background-size: contain;
}

#service {
	color: #fff;
	 padding-left:0px;
	 text-align:left;
	 margin-top:80px;
}

#service-font
{   color: #fff;
	text-align:left;
    font-size: 40px;
	font-family: 'pearls';
font-weight: normal;
padding-right:0px;
padding-left:0px;
}

#about-font
{   color: #fff;
	text-align:left;
    font-size: 50px;
	font-family: 'pearls';
font-weight: normal;
padding-left: 0px
}



.menu-toggle {
	width: 100%;
	margin: 0 auto;
	color: #fff;
	cursor: pointer;
	top: -48px;
	width: 45px;
	right:-30px;
	position:absolute;
	line-height:45px;
	height: 44px;
	float:right;
	margin:0px 0;
	text-align: center;
	padding: 0 0px;
	background: rgba(0,0,0,0.5);
}

.heading-block h6 {
	font-family: 'pearls';
	text-transform: uppercase;
	font-size: 50px !important;
	font-weight: 500;
	margin: 0px;
	margin-bottom: 55px;
}

}

@media(min-width:1200px) and (max-width:1400px) {
.content-we-are {
	padding-right: 50px;
}
}
@media(max-width:1600px) {
.content-we-are {
	padding-right: 50px;
}
}
@media(max-width:1200px) {
}


@media (max-width:1024px) {
.clients li img {
	width: 100%;
}
}


@media (max-width:1440px) 
{
.clients li img {
	width: 100%;
  }
.vjs_video_3-dimensions
 {
    width:1440px;
    height:550px;
 }
}



@media(max-width:768px) {
.vjs_video_3-dimensions
{
    width:768px;
    height:550px;
}




@media(min-width:992px) and (max-width:1199px) {
.content-we-are {
	padding-right: 20px;
	padding-left: 20px !important;
}
.sub-bnr .position-center-center {
	width: 100%;
	padding: 0 20px;
}
.portfolio .port-item.margin-right-150 {
	margin-right: 0 !important;
}
.portfolio .port-item.margin-left-150 {
	margin-left: 0 !important;
}
.services .service-part li {
	padding-right: 0px;
}
header nav .ownmenu li {
	padding: 0 10px;
}
header .ownmenu ul.dropdown{
	margin-left:10px;
}
header ul.dropdown li {
	padding: 0px;
}
}
@media(min-width:768px) and (max-width:991px) {
header .sticky {
	padding: 0 30px;
}
header nav .ownmenu {
	width: 100%;
}
header .logo {
	position: relative;
	float: left;
	text-align: center;
}
.menu-toggle {
	top: -50px;
}
header .ownmenu ul.dropdown{
	margin-left:0px;
}
header {
	margin-top: 30px;
}
.sub-bnr .position-center-center {
	width: 100%;
	padding: 0 20px;
}
.heading-block hr {
	margin-left: 0px;
}
.services .service-part {
	margin-top: 50px;
}
.services .service-part.padding-top-80 {
	padding-top: 0px !important;
}
.content-we-are {
	padding-right: 20px;
	padding-left: 20px !important;
	padding-top: 50px;
}
.style-img-4 {
	margin: 0px;
	width: 100%;
}
.clients li {
	width: 50%;
	float: left;
	text-align: center;
}
#contact_form {
	margin-top: 0px;
}
.footer .rights {
	margin-top: 70px;
}
.portfolio .port-item.margin-right-150 {
	margin-right: 0 !important;
}
.portfolio .port-item.margin-left-150 {
	margin-left: 0 !important;
}
.portfolio .position-center-center {
	padding: 0 20px;
}
.more-feature ul li {
	width: 50%;
}
.more-feature ul li:nth-last-child(1) {
	width: 100%;
}
.more-feature ul li article {
	padding: 50px 20px;
}
.more-feature ul li h6 {
	width: 100%;
}
.home-agency h1 {
	font-size: 80px;
}
.our-team article {
	margin-bottom: 30px;
}
.admin-info li {
	padding: 40px 0;
	padding-left: 40px !important;
	padding-right: 40px !important;
}
.post-content .date {
	margin-bottom: 20px;
}
.blog-post-home .col-md-5.padding-left-80 {
	padding-left: 20px !important;
	padding-top: 20px;
}
.blog-post-home .margin-top-100 {
	margin-top: 50px !important;
}
.blog-post-home.margin-top-100 {
	margin-top: 50px;
}
hr.margin-top-100 {
	margin-top: 50px !important;
}
.blog-post-home .col-md-5.padding-right-80 {
	padding-right: 15px !important;
}
.coming-soon .countdown li {
	float: left;
	width: 50%;
}
.filter-style-1 .cbp-filter-item {
	padding: 5px 20px;
}
.filter-style-2 .cbp-filter-item {
	padding: 5px 20px;
}
.col-3 .cbp-item {
	width: 50% !important;
}
.testimonial #testi-slide {
	width: 100%;
}
.testimonial {
	padding: 100px 0 !important;
}
header nav {
	text-align: center;
}
header .ownmenu {
	float: none;
	width: auto !important;
}
.col-5 .cbp-item {
	width: 33.3333% !important;
}
.portfolio .w-40 {
	width: 100% !important;
}
.portfolio .w-20 {
	width: 50% !important;
}
.cbp .cbp-item {
	width: 50%;
}
}
@media(max-width:767px) {
.ownmenu {
	width: 100%;
}
header nav .ownmenu li{
	padding:0px;
}
header .ownmenu ul.dropdown {
	margin-left: 0px !important;
}
.ownmenu > li.showhide span.icon {
	padding: 0px;
	margin: 0px;
}
header {
	margin-top: 0px;
	padding-top: 20px;
	background: rgba(0,0,0,0.8);
}
header .sticky {
	padding: 0 30px;
}
.is-sticky .sticky {
	position: relative !important;
}
.testimonial #testi-slide {
	width: 100%;
}
.testimonial {
	padding: 100px 0 !important;
}
header .ownmenu ul.dropdown {
	float: left;
}
header .logo {
	position: relative;
	float: left;
	text-align: center;
}
header nav {
	float: right;
}
header nav .ownmenu .indicator {
	display: block;
}
header nav li a {
	display: inline-block;
	width: 100%;
	float: none;
}
.ownmenu > li.showhide span {
	line-height: 50px;
	display: inline-block;
	width: 100%;
}
.ownmenu > li.showhide {
	text-align: center;
	color: #fff;
	font-size: 20px;
}
.ownmenu > li.showhide span.title {
	margin: 0px;
}
.ownmenu > li > a {
	padding: 10px 0;
	text-align: left;
}
.ownmenu .indicator {
	display: block;
}
.vertical-menu .header {
	width: 100%;
	position: relative;
	padding-top: 20px;
	margin-bottom: -5px;
}
.home-agency h1 {
	font-size: 60px;
}
.home-agency .position-center-center {
	width: 100%;
}
.portfolio .port-item.margin-right-150 {
	margin-right: 0 !important;
}
.portfolio .port-item.margin-left-150 {
	margin-left: 0 !important;
}
.portfolio .position-center-center {
	padding: 0 10px;
}
.portfolio .port-hover h6 {
	margin: 10px 0;
	font-size: 12px;
}
.portfolio .port-hover p {
	display: none;
}
.more-feature ul li {
	width: 50%;
}
.more-feature ul li:nth-last-child(1) {
	width: 100%;
}
.more-feature ul li article {
	padding: 50px 0px;
	padding-bottom: 30px;
	min-height: 275px;
}
.services .service-part {
	margin-top: 50px;
}
.post-content hr {
	margin: 20px 0;
}
.post-content .date {
	margin-bottom: 30px;
}
.blog:before {
	display: none;
}
.blog-post-home {
	margin-top: 50px;
}
.heading-block hr {
	margin-left: 0px;
}
#contact_form {
	margin-top: 50px;
}
.footer .rights {
	margin-top: 20px;
}
.portfolio .port-item {
	padding: 10px;
}
.our-team article {
	margin-bottom: 30px;
}
.services.style-2 .content-we-are {
	padding: 50px 20px;
}
.style-img-4 {
	margin: 0px;
	width: 100%;
}
.clients li {
	width: 50%;
	float: left;
}
.clients li img {
	width: 100%;
}
.admin-info li {
	padding: 40px 0;
	padding-left: 0px !important;
}
.admin-info li:nth-child(1) {
	border: none;
	border-bottom: 1px solid #e0e0e0;
}
.newsletter form {
	width: 100%;
}
.footer-links a {
	line-height: 40px;
}
.cd-top.cd-fade-out {
	display: none;
}
.content-we-are {
	padding: 20px 15px;
}
.blog-post-home .col-md-5.padding-left-80 {
	padding-left: 20px !important;
	padding-top: 20px;
}
.blog-post-home .margin-top-100 {
	margin-top: 50px !important;
}
.blog-post-home.margin-top-100 {
	margin-top: 50px;
}
hr.margin-top-100 {
	margin-top: 50px !important;
}
.blog-post-home .col-md-5.padding-right-80 {
	padding-right: 15px !important;
}
.coming-soon .countdown li {
	float: left;
	width: 50%;
}
.col-3 .cbp-item {
	width: 50% !important;
}
.filter-style-1 {
}
.filter-style-1 .cbp-filter-item {
	padding: 5px 15px;
	float: none;
	margin-bottom: 20px;
}
.filter-style-2 .cbp-filter-item {
	padding: 5px 15px;
	float: none;
	margin-bottom: 20px;
}
.col-5 .cbp-item {
	width: 50% !important;
}
.no-space .port-item {
	padding: 0px !important;
}
.portfolio .w-40 {
	width: 100% !important;
}
.portfolio .w-20 {
	width: 50% !important;
}
.cbp .cbp-item {
	width: 50%;
}
.filter-style-5 {
	border: none;
}
.filter-style-5 .cbp-filter-item {
	margin-top: 10px;
}
}
@media (max-width:640px) {
.filter-style-1 {
	border: none;
	text-align: center;
}
}
@media(max-width:540px) {
.col-2 .cbp-item {
	width: 100% !important;
}
.col-5 .cbp-item {
	width: 100% !important;
}
.col-2 .heading-block {
	display: none;
}
.col-3 .cbp-item {
	width: 100% !important;
}
.portfolio .port-item {
	padding: 20px;
}
.services .service-part {
	margin-top: 50px;
}
.style-img-4 img {
	width: 100%;
}
.services .service-part.padding-left-50 {
	padding-left: 0 !important;
}
.services .service-part li {
	padding-right: 15px;
}
.coming-soon .countdown li {
	float: left;
	width: 100%;
}
.more-feature ul li {
	width: 100%;
}
.more-feature ul li article {
	min-height: auto;
}
.portfolio .w-40 {
	width: 100% !important;
}
.portfolio .w-20 {
	width: 100% !important;
}
.cbp .cbp-item {
	width: 100%;
}
}
@media(max-width:440px) {
.clients li {
	width: 100%;
	float: left;
}
}
@media(max-width:320px) {
}
@media(max-height: 700px) {
}
