@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1199px){

}

/* ipad mini  portrait   */
@media only screen and (max-width: 1024px){

.BlogWrap .col1 {
    float: left;
    width: 66.5%;
    padding-right: 55px;
    box-sizing: border-box;
}

.BlogWrap .col2 {
	float: right;
    width: 33.5%;
}	

.BlogWrap .BlogContentTopHeading {
    width: 87%;
    float: right;
}

.BlogWrap .col1 .BlogList .DateBg{
	width: 60px;
    height: 60px;
    margin-right: 0;	
}
	
.BlogWrap .col1 .BlogList .DateBg h5{
	font-size: 22px !important;
    line-height: 14px !important;
	padding: 12px 5px 8px;	
}	

.BlogWrap .col1 .BlogList .BlogContentTopHeading h4{
	    font-size: 20px !important;
    line-height: 28px !important;	
}

.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 46%;
}

.post-navigation .nav-previous {
    float: left;
    width: 46%;
}

.BlogWrap .col1 .comments-area .comment-list li .comment-body{
	margin-left: 0px;	
}
.FooterWrap .FooterLink.LeftFloat {
    float: none;
    width: 100%;
}
.FooterWrap .SmallText.RightFloat {
    float: none;
    width: 100% !important;
    text-align: center;
    margin: 10px 0px;
}	
.FooterLink .copy, .FooterLink .DevelopedBy {
    display: none;
}
.RespFtrWrap {
	display:block !important;
}
}
/* Mini Desktop and Other Device*/
@media only screen and (max-width: 980px){
	

}

@media only screen and (max-width: 966px){

}

@media only screen and (max-width: 960px){

}

@media only screen and (max-width: 950px){

.BlogWrap .BlogContentTopHeading {
    width: 85%;
    float: right;
}

}

@media only screen and (max-width: 900px){

}

@media only screen and (max-width: 854px) {

.BlogWrap .col1 {
    float: none;
    width: 100%;
    padding-right: 0px;
}

.BlogWrap .BlogContentTopHeading {
    width: 90%;
    float: right;
}

.BlogWrap .col2 {
    float: right;
    width: 100%;
	margin-top: 20px;
}

}

@media only screen and (max-width: 800px) {

}

/* ipad mini landscape and Other Device   */
@media only screen and (max-width: 768px){


}

@media only screen and (max-width: 753px){

.BlogWrap .col1 .post-navigation .nav-next {
    margin-top: 0px;
}

.BlogWrap .col1 .post-navigation .nav-next .nav-title{
	padding-right: 0px;	
}

.BlogWrap .col1 .post-navigation .nav-previous .nav-title{
    padding-left: 0px;	
}
}
/*Appple iPhone 6 plus landscape (if necessary) */
@media only screen and (max-width: 736px){

}

@media only screen and (max-width: 720px){
	
}

/* Apple iPhone 6 landscape)   */
@media only screen and (max-width: 667px){

.BlogWrap .BlogContentTopHeading {
    width: 88%;
    float: right;
}
	
}

@media only screen and (max-width: 640px){




}

@media only screen and (max-width: 604px){

}

@media only screen and (max-width: 600px){

}

@media only screen and (max-width: 569px){

.BlogWrap .BlogContentTopHeading {
    width: 85%;
    float: right;
}

}

/* Apple iPhone 5 landscape)   */
@media only screen and (max-width: 568px){

}

@media only screen and (max-width: 540px){

	
}

@media only screen and (max-width: 533px){

}

/* Apple iPhone 4 landscape)   */
@media only screen and (max-width:480px){

.BlogWrap .BlogContentTopHeading {
    width: 100%;
    float: right;
}

.BlogWrap .col1 .BlogList {
    text-align: center;
}

.BlogWrap .col1 .BlogList .DateBg {
    width: 60px;
    height: 60px;
    margin-right: 0;
    margin: auto;
    float: none;
    margin-bottom: 20px;
}

.BlogWrap .BlogList .OrangeSepLine {
	margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.BlogWrap .col1 .FillOrangeBtn.AnimatedBtn{
	margin-bottom:20px;	
}

}

@media only screen and (max-width:424px){

	
}

@media only screen and (max-width:414px){
	
}

@media only screen and (max-width:400px){ 

}

@media only screen and (max-width:384px){ 

}

/* Apple iPhone 6 portrait)   */
@media only screen and (max-width:375px){

	
}

@media only screen and (max-width:360px){

}

/* Apple iPhone 4 portrait)   */
@media only screen and (max-width:320px){

}