/******************** BLOG WELCOME ********************/     
                   
/********* 900px *********/
@media (max-width: 900px) { 
/* content */
#BlogWelcomeSection #BlogWelcomeSectionContent {
	width: 330px;
	padding: 200px 0px 200px;
}

/* content - title */
#BlogWelcomeSection #BlogWelcomeSectionContent h1 {
	margin-top: 30px;
	word-spacing: 3px;
	font-size: 35px;
}

/* content - date & author */
#BlogWelcomeSection #BlogWelcomeSectionContent h2 {
	margin-top: 30px;
	padding-top: 40px;
	font-size: 16px;
}
}








/******************** BLOG CONTENT ********************/   

/********* 1450px *********/
@media (max-width: 1450px) {   
/* text col */
#BlogContentSectionText {
	padding: 0px 50px 100px;  
}
}

/********* 1000px *********/
@media (max-width: 1000px) {   
/* col */
#BlogContentSection .blogcontentcol {
	width: 70%;  
}

/* right col */
#BlogContentSectionRightCol { 
	width: 30% !important;  
}
}
 
/********* 650px *********/
@media (max-width: 650px) {   
/* col */
#BlogContentSection .blogcontentcol {
	width: 100%;
	float: none;
}

/* text col */
#BlogContentSectionText {
	padding: 0px 20px 0px; 
	border-right: none;
}

/* text col - header */
#BlogContentSection #BlogContentSectionText h2 {
	margin-top: 70px;
	padding: 20px 0px 20px 20px;
	font-size: 25px;
	border-left: 8px solid rgba(0,0,0,0.1);
}

/* text col - p */
#BlogContentSection #BlogContentSectionText p {
	margin-top: 20px;
	font-size: 16px;
}

#BlogContentSection #BlogContentSectionText p.more-margin {
	margin-top: 70px;
}

/* text col - bullet */
#BlogContentSection #BlogContentSectionText p.bullet {
	margin-top: 6.5px;
	padding-left: 35px;
}

#BlogContentSection #BlogContentSectionText p.bullet.first {
	margin-top: 20px;
}

#BlogContentSection #BlogContentSectionText p.bullet::before {
	left: 15px;  
}

/* right col */
#BlogContentSectionRightCol { 
	display: none;
}
}








/******************** FEATURED ARTICLES *********************/ 
   
/********* 1250px *********/
@media (max-width: 1250px) {
#FeaturedArticleSection {  
	width: calc(100% - 100px);  
	height: 1020px;  
}

/* article */
#FeaturedArticleSection .pm-fa {
	width: calc(50% - 25px);  
	height: 485px;  
	margin-right: 50px;  
}

#FeaturedArticleSection .pm-fa:nth-child(1),
#FeaturedArticleSection .pm-fa:nth-child(2) {
	margin-bottom: 50px;  
}

#FeaturedArticleSection .pm-fa:nth-child(2),
#FeaturedArticleSection .pm-fa:nth-child(4) {
	margin-right: 0px;  
}
}

/********* 700px *********/
@media (max-width: 700px) {
#FeaturedArticleSection {  
	width: 330px;  
	height: auto;  
	margin-top: 150px;   
}

/* article */
#FeaturedArticleSection .pm-fa {
	width: 100%;  
	height: auto;  
	margin-right: 0px !important;  
	margin-bottom: 50px !important;  
	float: none;   
} 

/* article - cont */
#FeaturedArticleSection .pm-fa .pm-fa-cont {
	height: auto;
	position: relative;
	top: 0px;
}

/* article - cont - read more */
#FeaturedArticleSection .pm-fa .pm-fa-cont h3 {
	margin-top: 50px;
	position: relative;
	bottom: 0px; 
	left: 0px;
}
}








/******************** FOOTER SECTION *********************/ 

/********* 1200px *********/
@media (max-width: 1200px) {
/* bottom elements */  
#FooterSection #FooterSectionBottomElements p {
	margin: 0px 30px;
	font-size: 13px;
}

/* bottom elements - copyrite */
#FooterSection #FooterSectionBottomElements p span {
	top: 1px;
}
}


/********* 950px *********/
@media (max-width: 950px) {
/* bottom elements */  
#FooterSection #FooterSectionBottomElements p {
	margin: 0px 20px;
	font-size: 12px;
}
}


/********* 800px *********/
@media (max-width: 800px) {
/* bottom elements */  
#FooterSection #FooterSectionBottomElements p {
	margin: 0px 10px;
	font-size: 11px;
}
}


/********* 700px *********/
@media (max-width: 700px) {
#FooterSection {	
	margin-top: 150px;
}

/* bottom elements */
#FooterSection #FooterSectionBottomElements p {
	margin: 0px 10px 15px;
	font-size: 15px;
}

#FooterSection #FooterSectionBottomElements p.mobile {
	display: block;
}

#FooterSection #FooterSectionBottomElements p.divider.mobile {
	display: none;
}

/* bottom elements - copyrite */
#FooterSection #FooterSectionBottomElements p span {
	top: 1.5px;
}
}