/*
Theme Name: pasimo (enfold)
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Ansgar Böttcher
Author URI: https://www.aixhibit.de
Template: enfold
*/



/*Add your own styles here:*/

/**
 * 01 - General Styles
 * 02 - Menu Styles
 * 03 - Footer Styles
 * 04 - Custom CSS for Contact Form
 * 05 - Landing Page / Home
 * 06 - Uber Uns Page
 * 07 - Zertifikate Page
 * 08 - Blog
 			- Single Blog Post Styles
			- Category Page Styles
 * 09 - Kontakt Page
 * 10 - Legal Pages ( Impressum & Datenshutz)
 * 11 - Custom Class sub-text
 * 12 - Custom Class pre-title
 * 13 - Custom Class pre-title-dark
 * 14 - Custom  Class special-font-orange
 * 15 - Custom Class special-font-green
 * 16 - Custom Class deco square on edges of blog featured image.
 * 17 - Responsive / Media Queries / Breakpoints
**/


/*---------------------- 01 - General Styles ---------------------------- */

.avia-section {
    position: relative;
}

div .logo {
    padding: 30px 0px;
}
	    
.logo img {
    max-height: 63%;
}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: capitalize;
    letter-spacing: 0px;
}

/* --------------------------- 02 - Menu Styles  --------------------------------------- */

#top #header .av-main-nav li.current-menu-item > a > .avia-menu-text {
    color: #000;
}

/*---------------------------------------- 03 - Footer Styles ---------------------------------------- */

#socket .menu {
    margin-top: 3px;
}

footer li.current-menu-item > a > .avia-menu-text {
  color: #000;
}

.copyright .av-icon-char {
    color: #f79420;
    margin-left: 5px;
}
.avia3-menu ul li a {
    text-decoration: none;
	line-height: 21px;
}

#top #wrap_all .all_colors h3{
    font-size: 14px;
    font-weight: bold;
    color: #777777;
}

#top label span {
    color: #929292;
}

#top label span a {
    color: #929292;
	text-decoration: underline;
}

/*---------------------- 04 - Custom CSS for Contact Form ---------------------------- */

#top input[type="text"],
#top input[type="email"]{
	padding: 15px;
}

#top input[type="text"],
#top input[type="email"],
#top textarea{
	border-radius: 5px;
	border-color: #c0c0c0 !important;
}

#top label {
    font-weight: normal;
    font-size: 16px;
}

/*--------------------------------------------------------------- 05 - Landing Page / Home -------------------------------------------------*/

#home .flex_column_table {
    border-radius: 15px;
}

#orange {
    width: 75%;
	margin-left: 95px;
}

#section-orange .avia-image-container.avia-align-center:before {
    content: "";
    width: 363px;
    height: 328px;
    position: absolute;
    right: 0;
    bottom: -196px;
    background: #fee2c4;
    border-radius: 15px;
}

#green {
    width: 75%;
	position: relative;
    margin-left: 80px;
}

#section-orange .avia_image {
	transform: rotate(-7deg);
	border-radius: 15px;
	width: 306px;
    height: 326px;
}

#section-green .avia-image-container.avia-align-center:before {
    content: "";
    width: 363px;
    height: 328px;
    position: absolute;
    left: 0;
    bottom: -216px;
    background: #e3f2e6;
    border-radius: 15px;
}

#section-green .avia-image-container.avia-align-center:after {
    content: "";
    background-image: url(/wp-content/uploads/2020/06/Pasimo_Blattwerk.png);
    background-size: 150px 82px;
    display: inline-block;
    width: 150px;
    background-repeat: no-repeat;
    height: 82px;
    position: absolute;
    bottom: -245px;
    right: 85px;
}

#section-green .avia_image {
	transform: rotate(2deg);
	border-radius: 15px;
    width: 300px;
    height: 143px;
}

#section-green h2,
#section-orange h2{
	width: 75%;
}

#section-green:after {
	content: "";
    background-image: url(/wp-content/uploads/2020/06/Background_line_5.png);
    background-size: 87px 317px;
    display: inline-block;
    width: 87px;
    height: 317px;
    position: absolute;
    top: 0px;
    left: 0;
    visibility: visible;
}

#section-orange:after {
	content: "";
    background-image: url(/wp-content/uploads/2020/06/Background_line_2.png);
    background-size: 86px 316px;
    display: inline-block;
    width: 75px;
    height: 316px;
    position: absolute;
    bottom: -50px;
    right: 0;
    visibility: visible;
}

#call .flex_column_table,
#call-blog .flex_column_table{
	border-radius: 15px;
}

#call p {
    margin: 10px 0;
}


#call .avia-button,
#call-blog .avia-button { 
	line-height: initial; 
	margin: 0 0;  
}

#call .avia-button:hover,
#call-blog .avia-button:hover {
    opacity: initial !important;
    background-color: #000 !important;
}

/*#call .avia-button {
	margin-top: 50px;
} */



/* --------------------------------------- 06 - Uber Uns Page -------------------------------------------------------*/

#uber .avia-image-container:before {
    /* margin-top: 0; */
/*    content: "";
    width: 126px;
    height: 133px;
    position: absolute;
    right: -20px;
    bottom: -20px;
    background: #e3f2e6;
    border-radius: 15px;*/
    content: "";
    width: 337px;
    height: 328px;
    position: absolute;
    left: -30px;
    bottom: -186px;
    background: #e3f2e6;
    border-radius: 15px;
}

#uber:after {
	content: "";
    background-image: url(/wp-content/uploads/2020/06/Background_line_5.png);
    background-size: 87px 317px;
    display: inline-block;
    width: 87px;
    height: 317px;
    position: absolute;
    top: 330px;
    left: 0;
    visibility: visible;
}

#uber .avia_image {
    box-shadow: 5px 0px 15px #00000017;
    border-radius: 15px;
}

#uber p.special-font-green {
    margin: 20px 0;
    position: relative;
        margin-left: 80px;
}

#uber h1 {
	text-transform: capitalize;
	letter-spacing: 0;
	margin: 0;
}

/*--------------------------------- 07 - Zertifikate Page -------------------------------------------------*/

#zertifikate .avia-image-container:before {
    /* margin-top: 0; */
    content: "";
    width: 126px;
    height: 133px;
    position: absolute;
    right: -20px;
    bottom: -20px;
    background: #fee2c4;
    border-radius: 15px;
}

#zertifikate .avia_image {
    box-shadow: 5px 0px 15px #00000017;
    border-radius: 15px;
}

#zertifikate:after {
    content: "";
    background-image: url(/wp-content/uploads/2020/06/Background_line_2.png);
    background-size: 86px 316px;
    display: inline-block;
    width: 86px;
    height: 316px;
    position: absolute;
    top: 0;
    right: 0;
    visibility: visible;
}

#zertifikate p {
	margin: 20px 0;
}
#zertifikate h1 {
	text-transform: capitalize;
	letter-spacing: 0;
	margin: 0;
}

#top div .avia-gallery img {
    border: none !Important;
	width: 63px;
	
}

#top .avia-gallery .avia-gallery-thumb a:hover {
    opacity: inherit;
}

/* -------------------------------- 08 - Blog -----------------------------------------------*/

#blog .big-preview.single-big img,
.post-entry .big-preview.single-big img {
    height: 234px;
    border-radius: 15px;
}

/* Allows orange accent box to be visible on blog page */
#blog .big-preview a,
.post-entry .big-preview a {
	overflow: visible;
}
/* Adds corner orange accent & green accent box to image corner based on blog tag os-accent or  gs-accent*/

 #blog .tag-os-accent .entry-content-wrapper .big-preview.single-big a:before{
    content: "";
    width: 126px;
    height: 133px;
    position: absolute;
    left: -20px;
    top: -20px;
    background: #fee2c4;
    border-radius: 15px;
    z-index: -1;
}

#blog .tag-gs-accent .entry-content-wrapper div.big-preview.single-big a:after {
    content: "";
    width: 126px;
    height: 133px;
    position: absolute;
    right: -20px;
    bottom: -20px;
    background: #e3f2e6;
    border-radius: 15px;
    z-index: -1;
}

.post-meta-infos .blog-author{
	display: none;
}

.post-meta-infos{
	letter-spacing: 2px;
}


#blog p,
.template-single-blog .entry-content,
.html_elegant-blog #top .main_color .blog-categories a,
.category .entry-content p {
	margin: 5px 0;
    font-size: 16px;
    line-height: 1.5;
}

.template-single-blog .entry-content,
.category .entry-content p{
	margin-top: 48px;
}


#blog h2.post-title.entry-title {
	width: 75%;
}

#blog .read-more-link .more-link {
    margin: 0 auto;
	text-decoration: none;
	display: inline;
    width: 100%;
	
}

.read-more-link {
    margin: 0 auto;
    width: max-content;
}

#blog .post-entry .entry-content{
	margin-bottom: 63px;;
}

#blog .post-entry .post-meta-infos {
	letter-spacing: 2px;
} 

#blog .entry-content p,
.template-single-blog .entry-content .post-entry p {
	 margin-top: 48px;
	 margin-bottom: 25px;
}

.template-single-blog .entry-content {
	margin-bottom:100px;
}

.flex_column .template-blog .post_delimiter {
    margin: 20px 0;  
}
.single-post:before {
    content: "";
    background-image: url(/wp-content/uploads/2020/06/Background_line_5.png);
    background-size: 87px 317px;
    display: inline-block;
    width: 87px;
    height: 317px;
    position: absolute;
    top: 330px;
    left: 0px;
    visibility: visible;
    z-index: 1;
}

.single-post:after {
    content: "";
    background-image: url(/wp-content/uploads/2020/06/Background_line_4.png);
    background-size: 109px 400px;
    display: inline-block;
    width: 109px;
    height: 400px;
    position: absolute;
    bottom: -668px;
    right: 0px;
    visibility: visible;
}

#blog .av-vertical-delimiter {
    border-top-style: none;
}

#top .fullsize .template-blog .post_delimiter{
	border-bottom-style: none;
}

#blog .more-link {
    border-color: #b0b0b0;
    color: #b0b0b0;
}
#blog .more-link:hover {
    border-color: #000000;
    color: #fff;
    background: #000;
}

.big-preview.single-big a {
    pointer-events: none;
}

#blog:after {
    content: "";
    background-image: url(/wp-content/uploads/2020/06/Background_line_4.png);
    background-size: 109px 400px;
    display: inline-block;
    width: 109px;
    height: 400px;
    position: absolute;
    bottom: -20px;
    right: 0px;
    visibility: visible;
}
#blog:before {
    content: "";
    background-image: url(/wp-content/uploads/2020/06/Background_line_5.png);
    background-size: 87px 317px;
    display: inline-block;
    width: 87px;
    height: 317px;
    position: absolute;
    top: 330px;
    left: 0;
    visibility: visible;
}

/*Single Blog Post Styles */

.html_elegant-blog #top.single .post-entry .post-title {
    text-align: center;
	letter-spacing: 0;
	padding: 4px ;
	margin-bottom: 0;
}

.template-single-blog .entry-content {
	margin-top: 34px;
}

/*.html_elegant-blog #top .single .single-post h1.post-title.entry-title */

#blog .text-sep.text-sep-date {
    display: none;
}

#blog .big-preview.single-big img {
    height: 234px;
}

.template-blog .post .entry-content-wrapper {
	width: 100%;
}

.html_elegant-blog #top .post-entry .post-meta-infos {
	float: none;
}
.template-single-blog .post-entry .post-meta-infos .text-sep {
	border-left-width: 0px;
}

.template-single-blog .av-vertical-delimiter {
	    border-top-style: none;
}

.template-single-blog .attachment-entry_without_sidebar.size-entry_without_sidebar.wp-post-image {
	height: 234px;
}

.template-single-blog .related_column .relThumWrap.noLightbox {
    background: #f7f6f6;

}

.template-single-blog .related_column .relThumWrap.noLightbox:hover {
    background: #e3f2e6;

}

.template-single-blog .minor-meta {
    font-size: 14px;
}

.template-single-blog .related_column .av-related-title {
	font-size: 14px;
	font-weight: normal;
}

.template-single-blog .related_title {
	letter-spacing: 2px;
	text-transform: uppercase;

}

/*Single Blog Post Styles */

.html_elegant-blog #top .post-entry .post-title:hover {
	opacity:;
}


/* ---------------------------   09 - Kontakt Page  ---------------------------------------*/

#kontakt .avia-builder-el-first:after {
    content: "";
    background-image: url(/wp-content/uploads/2020/06/Pasimo_Blattwerk.png);
    background-size: 150px 82px;
    display: inline-block;
    width: 150px;
    background-repeat: no-repeat;
    height: 82px;
    position: absolute;
    bottom: 0;
    right: 30px;
    visibility: visible;
}


#kontakt .wpcf7:before {
    content: "";
    width: 395px;
    height: 291px;
    position: absolute;
    left: -30px;
    bottom: -30px;
    background: #fee2c4;
    border-radius: 15px;
    z-index: -1;
}

#kontakt div .flex_column {
    z-index: initial;
}

#kontakt 
input[type="submit"], #submit, .button {
    padding: 13px 36px 13px 36px;
    letter-spacing: 2px;
    border-color: #acd9cc;
    border-radius: 15px;
    border-width: 1px;
}

#kontakt input[type="submit"], #submit, .button:hover {
    padding: 13px 36px 13px 36px;
    letter-spacing: 2px;
    border-color: #000;
    border-radius: 15px;
    border-width: 1px;
}

#kontakt span.wpcf7-list-item {
	margin: 0;
}

#kontakt h2 {
	text-transform: capitalize;
	letter-spacing: 0;
	margin: 0;
}


#kontakt:after {
    content: "";
    background-image: url(/wp-content/uploads/2020/06/Background_line_4.png);
    background-size: 109px 400px;
    display: inline-block;
    width: 109px;
    height: 400px;
    position: absolute;
    bottom: 0;
    right: 0;
    visibility: visible;
}

#kontakt p {
    margin-bottom: 20px;
}

#kontakt .avia_image {
    width: 187px;
}



/*---------------------------------------------------- 10 - Legal Pages ( Impressum & Datenshutz) -------------------------------------------------------*/

h3.widgettitle {
    letter-spacing: 0;
}

/*------------------------------------------------- 11 - Custom Class sub-text -----------------------------------------*/

.sub-text {
  font-family: open sans;
  font-weight: regular;
  color: #b0b0b0;
  font-size: 19px;
  line-height: 1.7em;
}


  
/*------------------------------------------------- 12 - Custom Class pre-title -----------------------------------------*/

.pre-title,
span.blog-categories.minor-meta a  {
    font-family: open sans;
    font-weight: normal;
    color: #b0b0b0;
    font-size: 14px;
    line-height: 1.4em;
	letter-spacing: 2px;
}

span.blog-categories.minor-meta a {
	font-weight: inherit;
}

.pre-title-post{
	text-align: center;
}

/*------------------------------------------------- 13 - Custom Class pre-title-dark -----------------------------------------*/

.pre-title-dark {
    font-family: open sans;
    font-weight: normal;
    color: #000000;
    font-size: 14px;
    line-height: 1.4em;
	letter-spacing: 2px;
}
  
/*---------------------------------- 14 - Custom  Class special-font-orange -------------------------------------------*/

.special-font-orange {
     font-family: 'Playball';
    font-weight: normal;
    color: #f79420;
    font-size: 32px;
    line-height: 1.3em;
    opacity: 45%;
}  

/*------------------------------------ 15 - Custom Class special-font-green -------------------------------------------------*/

.special-font-green {
    font-family: 'Playball';
    font-weight: normal;
    color: #acd9cc;
    font-size: 32px;
    line-height: 1.3em;
}

/*------------------------------------ 16 - Custom Class deco square on edges of blog featured image -------------------------------------------------*/





/*------------------------------------ 17 - Responsive / Media Queries / Breakpoints -------------------------------------------------*/


@media (min-width:768px) and (max-width:1024px) {
	#socket .sub_menu_socket {
    	float: none !important;
    }

	 #socket .sub_menu_socket li {
	    padding: 0 5px !important;
	 }

	#zertifikate:before {
    	left: 290px;
    	bottom: 450px;
  	}

	#kontakt:before {
    	right: 210px;
    	bottom: 200px;
 	}

	#section-orange .avia-image-container.avia-align-center:before {
    	width: 268px;
    	height: 268px;
    	right: 0px;
    	bottom: -120px;
    }

	#orange {
    	width: 100%;
    	margin-left: 0px;
    }

	#section-green .avia-image-container.avia-align-center:before {
    	width: 268px;
    	height: 268px;
    	left: 0px;
    	bottom: -135px;
    }

	#green { 
		width: 100%; 
		position: 
		relative; 
		margin-left: 0; 
	}

	#blog .single-big:first-child:before { 
		left: -20px; 
		top: 95px; 
		width: 90px; 
		height: 95px; 
	} 
}

/* Removes decorative circle lines on edges of screen. Set to remove on 768px and below only*/
@media screen and (max-width: 768px) {
    #section-green:after,
	#section-orange:after,
	#uber:after,
	#blog:before,
	#blog:after,
	#kontakt::after,
	#zertifikate::after,
	.single-post:before,
	.single-post:after {
        display: none;
    }
}

/*FONTS*/
/* latin-ext */
@font-face {
    font-family: 'Playball';
    font-style: normal;
    font-weight: 400;
    src: local('Playball'), local('Playball-Regular'), url(/wp-content/themes/pasimo/fonts/qxC1Yj_4IUZ_PO35Va79QxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Playball';
    font-style: normal;
    font-weight: 400;
    src: local('Playball'), local('Playball-Regular'), url(/wp-content/themes/pasimo/fonts/sSjR6AJRrIl2FxjhncYng_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


@media (min-width:360px) and (max-width:640px) {
	h1 { font-size: 28px ;}	
	h2 { font-size: 24px ; }
	h3 { font-size: 20px ; }
	p { font-size: 14px ; }

	#footer .widget {
		margin: 10px 0 10px 0;
	}

	#socket .sub_menu_socket li {
		padding: 0 5px;
	}

	#blog .big-preview.single-big img {
		height: auto;
	}

	#call-blog p {
		text-align: center;
	}

	#section-green h2, #section-orange h2 {
		width: 100%;
	}

	#section-orange .avia_image {
		width: 214px;
		height: 226px;
	}

	#section-orange .avia-image-container.avia-align-center:before {
		width: 253px;
		height: 228px;
		right: 0px;
		bottom: -135px;
	}

	#orange {
		width: 100%;
	}

	#section-green .avia_image {
		width: 236px;
		height: 251px;
	}

	#section-green .avia-image-container.avia-align-center:before {
		width: 278px;
		height: 252px;
		left: 0px;
		bottom: -180px;
	}

	#green {
		width: 100%;
		position: relative;
		margin-left: 35px;
	}

	#section-green .avia-image-container.avia-align-center:after {
		background-size: 106px 58px;
		width: 106px;
		height: 58px;
		bottom: -184px;
		right: -10;
	}

	#call p {
		text-align: center;
	}

	#call .flex_column_table,
	#call-blog .flex_column_table{
		padding: 3%;
	}

	.template-single-blog .attachment-entry_without_sidebar.size-entry_without_sidebar.wp-post-image {
		height: auto;
	}

	#uber .avia-builder-el-3 {
		margin-top: 50px ;
	}

	.responsive #top .logo {
		width: 48% ;
	}

	#kontakt .wpcf7:before {
		width: 320px;
	}

	#section-orange { 
		margin-top: -30px; 
	}

	#section-orange .avia-builder-el-12 { 
		margin-top: 65px; 
	}

	#section-green {   
		margin-top: -30px ; 
	}

	#section-green  .avia-builder-el-28 { 
		margin-top: 82px ; 
	}

	#call { 
		margin-top: -57px ; 
	}

	#call .avia-button.avia-position-right, #call-blog .avia-button.avia-position-right  { 
		float: none ;  
		margin-right: 75px;  
		margin-top: -28px;  
	}

	#section-green .avia-builder-el-20 {    
		margin-top: 20px ;
	}

	#kontakt .avia-builder-el-7,
	#uber .avia-builder-el-3,
	#zertifikate .avia-builder-el-3 {  
		padding: 6% ; 
	}

	#kontakt .hr-custom.hr-center { 
		margin-top: 60px ; 
	}

	#home .hr {
	   margin-bottom: 195px ;     
	}

	#home .avia-builder-el-3 { 
		padding: 10% ; 
	}

	#blog .single-big:first-child:before { 
		left: -20px; 
		top: 145px; 
		width: 90px; 
		height: 95px; 
	}

}

/* Adds decorative box to corners of blog feature image - reduced height and width for mobile */
@media (max-width: 640px) {
	/* Adds corner orange accent box to image corner*/
	#blog .tag-os-accent .entry-content-wrapper .big-preview.single-big a:before {
	    content: "";
	    width: 76px;
	    height: 76px;
	    position: absolute;
	    left: -10px;
	    top: -10px;
	    background: #fee2c4;
	    border-radius: 15px;
	    z-index: -1;
	}

	#blog .tag-gs-accent .entry-content-wrapper div.big-preview.single-big a:after  {
	    content: "";
	    width: 76px;
	    height: 76px;
	    position: absolute;
	    right: -10px;
	    bottom: -10px;
	    background: #e3f2e6;
	    border-radius: 15px;
	    z-index: -1;
	}
		
		
	#blog .entry-content p {
		 margin-top: 20px;
	}
}


@media (max-width:568px) {
	h1 { font-size: 28px  }
	h2 { font-size: 24px  }
	h3 { font-size: 20px  }
	 p { font-size: 14px  }
 
	 #footer .widget { margin: 10px 0 10px 0; }
 
	 #socket .sub_menu_socket li { padding: 0 5px ; }
 
	 #blog .big-preview.single-big img { height: auto; }
 
	 #call-blog p { text-align: center; }
 
	 #section-orange .avia_image { width: 214px; height: 226px; }
 
	 #section-orange .avia-image-container.avia-align-center:before {
	 width: 253px;
	 height: 228px;
	 right: 0px;
	 bottom: -135px;
	 }
 
	 #orange {
	 width: 100%;
	 margin-left: 0px;
	 } 
 
	 #section-green .avia_image {
	  width: 236px;
	 height: 251px;
	 }
 
	 #section-green .avia-image-container.avia-align-center:before {
	 width: 278px;
	 height: 252px;
	 left: 0px;
	 bottom: -180px;
	 }
 
	 #green {
	 width: 100%;
	 position: relative;
	 margin-left: 30px;
	 }
 
	 #section-green .avia-image-container.avia-align-center:after {
	 bottom: -215px;
	 right: 0;
	 }  
 
	 #section-green .avia-builder-el-18 {
	 margin-top: 100px ;
	 }
 
	 #call p {
	 text-align: center;
	 }
 
	 #call .flex_column_table,
	 #call-blog .flex_column_table{
	 padding: 3%;
	 }
 
	 .template-single-blog .attachment-entry_without_sidebar.size-entry_without_sidebar.wp-post-image {
	 height: auto;
	 }
 
	 #uber .avia-builder-el-3,
	 #zertifikate .avia-builder-el-3 {
	 margin-top: 50px ;
	 }
 
	 #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
	 width: 25% ;
	 }
 
	 .responsive #top .logo {
	 width: 40% ;
	 }
 
	 #kontakt .wpcf7:before {
	 width: 320px;
	 }
 
	 #section-orange {
	   margin-top: 0px ;
	 }
 
	 #section-green {
		  margin-top: 0px ;
	 }
 
	 #section-green .avia-builder-el-20 {    
		  margin-top: 20px ;
	 }
 
			 #call {
			 margin-top: 0px ;
	 }
 
	 #call .avia-button.avia-position-right {
		 float: none ; 
			 margin-right: 40px;
	 }
 
	 #kontakt .avia-builder-el-7,
	 #uber .avia-builder-el-3,
	 #zertifikate .avia-builder-el-3 {  padding: 6% ; }
	 #kontakt .hr-custom.hr-center { margin-top: 60px ; }
	 #blog .single-big:first-child:before { left: -20px; top: 175px; width: 90px; height: 95px; } 
	 #blog:before { display: none; }
	 #blog:after { display: none; }
 }
 

@media (min-width:414px) and (max-width:736px)   { 
	#blog .single-big:first-child:before { 
		left: -20px; 
		top: 115px; 
		width: 90px; 
		height: 95px; 
	} 
}