@media only screen and (max-width : 640px) {
	.post.col-md-3 {
		width: 100%;
	}
	.breadcrumb { line-height: 0px;}
	.breadcrumb a { font-size: 12px;}
}
@media only screen and (max-width : 640px) and (orientation : landscape) {
	.post .post-image-container {
		margin-right: 20px;
	}
}

@media only screen and (max-width : 480px) and (orientation : landscape) {
	.post .post-image-container {
		margin-right: 10px;
	}
}

@media (max-width: 767px) {

/***********Header*********************/
	header .navbar { border: none;}
	header .navbar-default { border-radius: 0;}
	header .navbar { height: 55px;}
	header .navbar-brand { height: 45px;}
	header .navbar-default .navbar-toggle {
		background-color: #0f9fb4;
		border-color: transparent;
		border-radius: 0;
		margin-left: -13px;
	}
	header .navbar-default .navbar-toggle .icon-bar{ background-color: #c1e6ec;}
	.main-container .navbar {
		padding: 10px;
	}
	header .navbar-toggle { 
		float: left;
		margin: 0;
	}
	header .navbar-brand, header .navbar-brand:hover {
		font-size: 16pt;
		padding: 6px 1px;
	}
	header .navbar-brand span:first-child, 
	header .navbar-brand:hover span:first-child {
		font-size: 15px;
	}
	header .navbar-brand .txtcolor {
		font-size: 13px;
		margin-left: 10px;
	}
	.ceo-img img { height: 100%;}
	.BloggerName {
		color: #FFFFFF;
		font-size: 15px;
	}
	.Blogger .ceo-text {
		padding-left: 10px;
		top: 0;
		text-align: left;
	}
	.Blogger ul { margin: 0; padding: 0; text-align: left;}
	.Blogger ul li a, .Blogger ul li  { margin: 0;}
	.Blogger .BloggerPost { font-size: 12px; margin-top: 0;}
	.Blogger .social-icons .fa {
		border: 1px solid #166258;
		color: #166258;
	}
	.BloggerNote.col-xs-5 { padding: 0;}
	.topbar { height: 35px;}
	.topbar ul.category li a {
		padding: 7px 0;
	}
	.post-container .pager {
		margin: 10px 0 30px;
	}
	
	#navbarCollapse {
		background-color: #1d2f3e;
		border: none;
		left: 0;
		position: absolute;
		right: 0;
		top: 44px;
		width: 100%;
		z-index: 1;
	}
	header .navbar-default .navbar-toggle:hover, header .navbar-default .navbar-toggle:focus { background-color: #1d2f3e;}
	header .navbar-collapse.in .navbar-nav  li  a { font-size: 14px; color: #ffffff;}
/***********Header ends*********************/

	.main-container { margin-left: 0;}
	.inner-content, .post-detail { padding: 20px;}
	.post-detail article h2 { font-size: 20px; margin-top: 0;}
	.entry-date.col-xs-6, .entry-standard.col-xs-6 { padding: 0;}
	.post-quote p { 
		border-left: none;
		margin: 20px 0;
		padding-left: 0;
	}
	.comment-body.col-xs-8, .text-right.col-xs-6 { padding: 0;}
	.pagination .fa.fa-angle-right {
		font-size: 37px;
		padding: 0;
	}
	.pagination a span.prev, .pagination a span.next {
	  color: #8f8f8f;
	  display: inline-block;
	  width: 90px;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  line-height: 11px;
	}
	.pagination .fa {
		font-size: 37px;
		padding-right: 10px;
	}
	.comment-respond .form-inline .form-control {
		float: left;
		margin-bottom: 20px;
		margin-right: 3px;
	}
	.mandatory {
		float: left;
	}
	
	.backlink {
		padding: 4px 15px 10px 4px;
	}
	.topbar .breadcrumb {
		padding: 15px !important;
	}
	
	#commentform .form-group { float: left;}
	#commentform .form-group textarea {
		width: 96%;
		display: block;
		float: left;
	}
	
	footer {
		/*bottom: -10px;*/
	}
	.entry-info .entry-meta {
		width: 100%;
	}
	.post-detail .entry-info div {
		margin-top: 5px;
	}
	.pagination a div {
		
		padding: 0;
	}
	
	/*******************by jagruti*******************/
	.navbar-collapse.in {
	  overflow-y: inherit !important;
	}
	header #navbarCollapse {
	  padding: 10px; 
	}
	
	#navbarCollapse .category-nav { padding: 0;}
	header .navbar-nav > li > a {
	  padding-top: 5px;
	}
	
	header .navbar-collapse.in  .category-nav a {
	  font-size: 14px;
	  color: #ffffff;
	  text-decoration: none;
	}
	.post-detail figure  img { width: 100%;}
	#commentform .form-group textarea {
	  width: 95.7%;
	}
	#mediaplayer_wrapper { width: 100% !important;}
	
	footer {
	  position: relative;
	  padding: 0;
	}
	
}

@media (max-width: 640px) {
	.post.col-md-3 {
		margin-left: 10px;
		width: 300px;
	}
}

@media (max-width: 480px) {
	.post.col-md-3 {
		margin-left: 5px;
		width: 300px;
	}
}

@media (max-width: 320px) {
	.post.col-md-3 {
		margin-left: 0px;
		width: 300px;
	}
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
	.entry-style { clear: both;}
	.entry-style, .entry-length {
		margin-top: 10px;
	}
	
}

@media only screen and (min-width : 768px) and (max-width : 980px) {
	.post.col-md-3 {
		/*width: 44%;*/
	}
	header .navbar-nav > li > a {
		padding-bottom: 0px;
		padding-top: 2px;
		line-height: 3px;
	}
	header .navbar-brand, header .navbar-brand:hover {
		padding: 10px 25px;
	}
	.topbar .col-xs-offset-1 {
		margin-left: 20px;
	}
	#commentform .form-group textarea {
	  width: 95.7%;
	}
}


@media only screen and (min-width : 1920px) {
	.post .post-image-container {
		margin: 0;
		width: 100%;
	}
	.post article {
		clear: both;
	}
}

/* Added by Cybage GNR */
@media only screen and (min-width : 250px) and (max-width:500px) {
	.sub-header {
		margin-top: -8px;
		padding-left: 27px;
	}
	.selectgrp { margin: 10px 13px;}
	header .navbar-brand span:first-child, 
	header .navbar-brand:hover span:first-child { font-size: 13px;}
}

@media (min-width: 1280px) { 
	#commentform .form-group.col-md-4 {
		  width: 270px;
	}
	#commentform .form-group.col-sm-12 {
	  width: 810px;
	}
	
	/*.comment-respond input[type="reset"] { right: 645px;}*/
}

@media (min-width: 1024px) and (max-width: 1279px) {
	header .navbar-brand span:first-child, header .navbar-brand:hover span:first-child {
		font-size: 20px;
	}
	header .navbar-brand .txtcolor {
		font-size: 16px;
	}
}


@media only screen and (max-width : 768px) and (orientation : portrait) {
	.ceo-text {
		/*top: -20px;*/
	}
	.post-detail img {
	  max-width: 320px;
	}
}

@media (min-width: 380px) and (max-width: 1024px) {
	.pagination .text-right span.next, .pagination .tex-left  span.prev  {
		width: 100px;
	}
	.line .pdf-download.pull-right { float: left !important; margin-top: 10px;}
	.entry-info .entry-meta {
	 /* width: 647px;*/
	}
}
@media (max-width: 379px){
	.pagination .text-right span.next, .pagination .tex-left  span.prev  {
		width: 80px;
	}
}
@media only screen and (min-width : 1024px) {
	#mediaplayer_wrapper { margin: 0;}
	.pdf-download .entry-standard { float: right;}
}