/*
 Theme Name:     Octane
 Author:         GruffyGoat
 Author URI:     http://www.gruffygoat.com
 Template:       Divi
 Version:        1.0
*/

body .testify-testimonials .slides img {
    height: 225px;
    width: 225px;
    margin-left: -25px;
}

#top-menu li:last-of-type ul {
    right: 0px !important;
}

#top-menu li.current-menu-ancestor > a {
    color: #fff;
}
#top-menu li.current-menu-item > a {
    color: #f47b27;
}

/* Mobile Menu */
#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }

.et_pb_search {margin-top: 50px;}

.mobile_menu_bar:before {
	top: 9px;
/*   background-color: #f47b27;
  padding: 5px 0px 5px 15px;
  color: #fff!important;
  border-radius: 20px 0 0 20px; */
}

.mobile_menu_bar::after {
  font-family: Arial;
  content: "MENU";
  position: relative;
  padding: 13px 15px 13px 5px;
  color: #f47b27!important;
  cursor: pointer;
}

.mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d";
}

@media (min-width: 981px) and (max-width: 1322px) {
 #et_mobile_nav_menu {
 display: block;
 }
 span.mobile_menu_bar.mobile_menu_bar_toggle {
	 position: relative;
 top: -8px;
 }
 
#top-menu {
 display: none;
 }
 }

        

#et-boc>div>div.et_pb_section.et_pb_section_2.et_section_regular>div>div.et_pb_column.et_pb_column_1_3.et_pb_css_mix_blend_mode_passthrough:hover {
	border: none !important;
}

#tribe-events h3.entry-title.summary {font-size: 14px;}
#tribe-events .tribe-events-calendar .tribe-events-tooltip {padding: 12px;}

/*Gravity Forms*/
.gform_body {
    text-align: center;
}
.gfield {
    display: inline-block;
	width: 33%;
}
li#field_1_3 {padding-right: 0;}
.gfield_label {
    display: none !important;
}
.gfield input, .gfield select {
	font-family: "europa" !important;
    width: 100% !important;
	border: 0 !important;
    padding: 10px 12px !important;
    font-size: 18px !important;
	color: #CCC !important;
}
.gfield select {
    -webkit-appearance: none;
    box-sizing: content-box;
    border-radius: 0;
	line-height: 1.38 !important;
	background: #fff url(/wp-content/uploads/2018/10/arrow.png) no-repeat;
    background-size: 28px;
    background-position: 97% 50%;
	color: #CCC !important;
}
.gform_footer.top_label {text-align: center;}
.gform_footer .gform_button {
	margin: 0 !important;
	background: #f47b28;
    border: 0;
    padding: 8px !important;
    width: 20% !important;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px !important;
    border: 1px solid #f47b28;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 35px;
}
.gform_footer .gform_button:hover {
    background: transparent !important;
    
	cursor: pointer !important;
}

/* Salesforce Optin Style */
#salesforce-optin {
	margin-top: 15px;
}
#salesforce-optin p {padding-bottom: 0; display: inline;}
#salesforce-optin br,#salesforce-optin label {
    display: none;
}

#salesforce-optin input {
    font-family: "europa" !important;
    width: 30% !important;
    border: 0 !important;
    padding: 10px 12px !important;
    font-size: 18px !important;
    margin: 10px 5px;
}

#salesforce-optin input[type="submit"] {
    margin: 0 !important;
    background: #f47b28;
    padding: 8px !important;
    width: 20% !important;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px !important;
    border: 1px solid #f47b28 !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 35px;
    display: block;
    margin: 10px auto !important;
    min-width: 175px;
}
#salesforce-optin input[type="submit"]:hover {
    background: transparent !important;
    cursor: pointer !important;
}
#salesforce-optin select {
    -webkit-appearance: none;
/*     box-sizing: content-box; */
    border-radius: 0;
    line-height: 1.38 !important;
    background: #fff url(/wp-content/uploads/2018/10/arrow.png) no-repeat;
    background-size: 28px;
    background-position: 97% 50%;
    color: #4e4e4e !important;
    font-family: "europa"!important;
    width: 30%!important;
    border: 0!important;
    padding: 10px 12px!important;
    font-size: 18px!important;
    margin: 10px 5px;
}
#salesforce-optin input ::-webkit-input-placeholder { font-family: "europa" !important; color: #4e4e4e !important; }
#salesforce-optin input :-ms-input-placeholder { font-family: "europa" !important; color: #4e4e4e !important; }
#salesforce-optin input ::-moz-placeholder { font-family: "europa" !important; color: #4e4e4e !important; }
#salesforce-optin input :-moz-placeholder { font-family: "europa" !important; color: #4e4e4e !important; }

@media (max-width: 698px) {
#salesforce-optin input, #salesforce-optin select {width: 75% !important; margin: 10px 0;}
}


/*---------------------------------------------------------------*/ 
/*------Replace the Search Button with an Icon by Divi Soup------*/ 
/*---------------------------------------------------------------*/
/*Hide the search button*/
.ds-icon-search input.et_pb_searchsubmit,
.widget_search input#searchsubmit {
    background: transparent;
    color: transparent;
    border: none;
    width: 55px;
    z-index: 2;
}
/*Add padding to the search input field*/
.ds-icon-search input.et_pb_s,
.widget_search input#s {
    padding-right: 55px !important;
}
/*Add the icon*/
.ds-icon-search .et_pb_searchform:before,
.widget_search::before {
    content: '\55';
    position: absolute;
    font-family: 'ETModules';
    z-index: 1;
    right: 0;
    font-size: 20px;
    padding: 8px 20px;
}
/*---------------------------------------------------------------*/ 
/*---End - Replace the Search Button with an Icon by Divi Soup---*/ 
/*---------------------------------------------------------------*/


.gform_wrapper ::-webkit-input-placeholder { font-family: "europa" !important; color: #CCC !important; }
.gform_wrapper :-ms-input-placeholder { font-family: "europa" !important; color: #CCC !important; }
.gform_wrapper ::-moz-placeholder { font-family: "europa" !important; color: #CCC !important; }
.gform_wrapper :-moz-placeholder { font-family: "europa" !important; color: #CCC !important; }

.event-boxes a {display: block; position: relative; color: #fff; }

.event-boxes .et_pb_column:nth-child(1):before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(27, 49, 81, 0.69); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.event-boxes .et_pb_column:nth-child(2):before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(123, 166, 135, 0.69); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.event-boxes .et_pb_column:nth-child(3):before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(244, 123, 39, 0.69); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.event-boxes .et_pb_column:nth-child(4):before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(102, 102, 102, 0.69); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}

.event-boxes .et_pb_column:hover:nth-child(1):before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(27, 49, 81, 0.9);}
.event-boxes .et_pb_column:hover:nth-child(2):before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(123, 166, 135, 0.9);}
.event-boxes .et_pb_column:hover:nth-child(3):before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(244, 123, 39, 0.9);}
.event-boxes .et_pb_column:hover:nth-child(4):before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(102, 102, 102, 0.9)}


@-webkit-keyframes fadeInUp {
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        transform:translateY(40px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInUp {
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        transform:translateY(40px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1s;
-webkit-animation-delay: 450ms;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 1s;
-moz-animation-delay: 450ms;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-o-animation-duration: 1s;
-o-animation-delay: 450ms;
-o-animation-timing-function: ease;
-o-animation-fill-mode: both;
animation-duration: 1s;
animation-delay: 450ms;
animation-timing-function: ease;
animation-fill-mode: both;
}
.fadeInUp.fiu2 {
	-webkit-animation-delay: 600ms;
	-moz-animation-delay: 600ms;
	-o-animation-delay: 600ms;
	animation-delay: 600ms;
}
.fadeInUp.fiu3 {
	-webkit-animation-delay: 750ms;
	-moz-animation-delay: 750ms;
	-o-animation-delay: 750ms;
	animation-delay: 750ms;
}
.fadeInUp.fiu4 {
	-webkit-animation-delay: 900ms;
	-moz-animation-delay: 900ms;
	-o-animation-delay: 900ms;
	animation-delay: 900ms;
}



/*-----------------------------------------------*/
/*-----Scrolling Image Carousel by Divi Soup-----*/
/*-----------------------------------------------*/


/***15 Images***/


/*Stops the browser creating a horizontal scrollbar*/

.ds-carousel-section {
 overflow: hidden;
}


/*Sets the width of the image modules and floats them so they are next to each other*/

.ds-carousel-logo {
 width: 20%;
 float: left;
}


/*Sets the position and visibility of the rows*/

.ds-image-carousel {
 float: left;
 position: absolute;
 padding: 0;
 opacity: 0;
 z-index: 0;
}


/*Position, visibility and animation settings for the first row*/

.ds-image-carousel-first {
 position: relative;
 z-index: 1;
 -webkit-animation: first 15s 1 linear forwards;
 animation: first 15s 1 linear forwards;
}


/*Animation settings for the rest of the rows*/

.ds-image-carousel-second,
.ds-image-carousel-third,
.ds-image-carousel-fourth {
 -webkit-animation: rest 45s infinite linear;
 animation: rest 45s infinite linear;
}


/*Animation delay for the third row*/

.ds-image-carousel-third {
 -webkit-animation-delay: 15s;
 animation-delay: 15;
}


/*Animation delay for the fourth row*/

.ds-image-carousel-fourth {
 -webkit-animation-delay: 30s;
 animation-delay: 30;
}


/*Animation for the continuous scrolling effect*/


/*First row - this only plays once*/

@-webkit-keyframes first {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 z-index: 1;
 }
 99.99% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 1;
 z-index: 1;
 }
 100% {
 opacity: 0;
 z-index: 0;
 }
}

@keyframes first {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 z-index: 1;
 }
 99.99% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 1;
 z-index: 1;
 }
 100% {
 opacity: 0;
 z-index: 0;
 }
}


/*All other rows - these play continuously*/

@-webkit-keyframes rest {
 0.01% {
 opacity: 0;
 z-index: 0;
 }
 0.011% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 opacity: 1;
 z-index: 1;
 }
 66.66% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 1;
 }
 100% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 1;
 }
}

@keyframes rest {
 0.01% {
 opacity: 0;
 z-index: 0;
 }
 0.011% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 opacity: 1;
 z-index: 1;
 }
 66.66% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 1;
 }
 100% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 1;
 }
}


/*Pause all animation on hover*/

.ds-carousel-section:hover .ds-image-carousel {
 -webkit-animation-play-state: paused;
 animation-play-state: paused;
}


/* EVENTS CALENDAR STYLES */
.post-template-default #main-content, .post-template-default h2, .post-template-default h3, .post-template-default h4, .post-template-default h5, .post-template-default h6 {
    color: #666;
}
.post-template-default #main-content #et-boc .et_section_regular, .post-template-default #main-content #et-boc .et_pb_row {
	padding-top: 0;
}
.free-blog-post-style-3 .free-du-blog-1 .free-blog-post-header-content {
    padding-top: 200px !important;
}


.page-template-page-template-events-php #main-content .container:before, .page-template-page-template-events-php #sidebar {
    display: none !important;
}
.page-template-page-template-events-php #left-area, .page-template-page-template-events-php #left-area  {
	width: 100%;
    padding-right: 0;
}
.page-template-page-template-events-php h1, .page-template-page-template-events-php h2, .page-template-page-template-events-php h3, .page-template-page-template-events-php h4, .page-template-page-template-events-php h5, .page-template-page-template-events-php h6, #tribe-bar-form label, .tribe-events-meta-group.tribe-events-meta-group-details, div#tribe-events-content {
    color: #36454f;
}

.page-template-page-template-events-php .entry-content tr th /* , .page-template-page-template-events-php .entry-content thead th */ {
	color: #fff;
}
.page-template-page-template-events-php #main-content .container {padding-top: 50px !important;}


/* #GG00013289 */

/* .tribe-events-page-title, .tribe-events-list .tribe-events-list-event-title, .tribe-events-list-separator-month {
	color: #031f42;
} */

.tribe-events-list-separator-month {
	color: #031f42;
}

.tribe-events-list .tribe-events-list-event-title {
	color: #ff6c0e;
}

.tribe-events-event-meta span, #tribe-events .tribe-events-content p {
    color: #d6d8da;
}

#tribe-events-content a, .tribe-events-event-meta a {
    color: #ff6c0e !important;
}

/* #GG00013289 ENDS */



/* DEFAULT CATEGORY STYLE */
.archive #et-main-area #main-content, .archive h1, .archive h2, .archive h3, .archive h4, .archive h5, .archive h6 {color: #36454f;}


/*------------------------------------------------*/
/*--------------[GQ CATEGORY TITLES]--------------*/
/*------------------------------------------------*/
 
.blog-title {
    margin-bottom: 60px;}
hr.archive-line {
    width: 25%;
    float: left;
    border: 0;
    height: 4px;
    background-color: #E47939;}

.archive article img {
    height: 300px;
    object-fit: cover;
    object-position: 50% 80%;
/*
    float: left;
    width: 35%;
    margin-right: 25px;
*/
}

/* Symbols for custom circle blurbs */
.page-id-9 .et_pb_number_counter_3 .percent-value:before {
    content: "$";
}

/* Growth Services Pricing Boxes */
@media (min-width: 768px) and (max-width: 981px) {
.et_pb_pricing_content {min-height: 350px;}
}
@media (min-width: 1100px) {
.et_pb_pricing_content {min-height: 350px;}
}
@media (min-width: 1725px) {
.et_pb_pricing_content {min-height: 310px;}
}

/* Search Results Page*/
 body.search #page-container header#main-header, body.search.search-no-results #page-container header#main-header{
    background-color: #fff!important;
}
/*body.search #page-container #et-main-area #main-content #content-area #left-area article h2, body.search #page-container #et-main-area #main-content #content-area #left-area div h1, body.search #page-container #et-main-area #main-content #content-area #left-area div p, body.search #page-container #et-main-area #main-content #content-area #left-area article h2 a, body.search #page-container #et-main-area #main-content #content-area #left-area article p, body.search #page-container #et-main-area #main-content #content-area #left-area article, body.search #page-container #et-main-area #main-content #content-area #sidebar div.et_pb_widget h4.widgettitle{
	color: #1b3151!important;
} */

#divi_filter span.et_pb_contact_field_options_title {
    display: none!important;
}


/********************
******** BLOG ******* 
*********************/

.octane-blog {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	border-bottom: 1px solid #cbd6e2;
}

.octane-blog-left {
	flex:0 0 50%;
	padding-right: 20px;
	line-height:1;
}

.octane-blog-left img {
	height: 450px;
    width: 100%;
    object-fit: cover;
}

.octane-blog-right {
	flex:0 0 50%;
	padding-left: 20px;	
}

.octane-blog-right ul.category,
.octane-blog-listing-wrapper ul{
	display: flex;
    list-style: none;
	padding:0;
	margin-bottom: 30px;
}

.octane-blog-listing-wrapper ul {
	margin-bottom: 20px;
}

.octane-blog-right ul.category li,
.octane-blog-listing-wrapper ul li{
	margin-right:20px;
}

.octane-blog-right ul.category li:last-of-type,
.octane-blog-listing-wrapper ul li:last-of-type {
	margin-right:0;	
}

.octane-blog-right ul.category a,
.octane-blog-listing-wrapper ul li a {
	color: #767676;
	font-size: 14px;
	font-weight: 400;
    border: 1px solid #aeaeae;
    padding: 5px 15px 8px;
	border-radius: 50px;
/* 	pointer-events:none; */
}


.octane-blog-right ul.category a:hover,
.octane-blog-listing-wrapper ul li a:hover {
	color: #ff6c0e;
	border:1px solid #ff6c0e;
}

.octane-blog h1 {
	color:#323e48;
	font-size:45px;
	font-weight:700;
	margin-bottom: 10px;
}

.octane-blog h1:hover {
	color:#ff6c0e;
}

.octane-blog-right p {
	font-size: 18px;
	color: #767676;
	font-weight:400;
	margin-bottom: 30px;
/* 	pointer-events:none; */
}

.octane-blog-right p a:hover {
	text-decoration:underline;
}

.octane-blog-right a.btn {
	background: #ff6c0e;
    color: #fff;
    padding: 10px 20px 12px;
    border-radius: 50px;
    font-size: 16px;
	display:inline-block;
}

.octane-blog-right a.btn:hover {
	opacity:0.8;
}

.facetwp-facet-octane_blog_categories {
	margin-bottom:0 !important;
}


.facetwp-facet-octane_blog_categories select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB1SURBVHgBrdM9CoAwDAXglEB3LyCCF3HyWtZrOXkRF0/gLEhtQcGfNMa2b3rJ8E2J0lVrwEIHOWKhx22ZRixq5cYGUuKwdR4M+p6MHpiveO6i0Qt2A6PQB/YCf6EERoIiNIAFQRZlMBYk0Q9MHH/8unQPIMgO0UJKmt8mhDwAAAAASUVORK5CYII=) !important;
	background-position: right 15px center !important;
	background-repeat: no-repeat !important;
	background-size: 15px auto !important;
	color-adjust: exact;
	width: 100%;
	padding: 7px 10px;
	font-size: 16px;
}

.octane-notification-module #pardot-form input.text {
	background: transparent;
}


.octane-blog-listing {
	display:flex;
	flex-wrap:wrap;
	margin:0 -15px;
}

.octane-blog-listing-wrapper {
	flex:0 0 33.33%;	
	padding: 0 15px;
	margin-bottom:40px;
}

.octane-blog-listing-wrapper h5 {
	color: #323e48;
	font-size: 24px;
	font-weight:500;
}

.octane-blog-listing-wrapper h5:hover {
	color:#ff6c0e;
}

.octane-blog-image-wrapper {
	background: #ff6c0e;
	margin-bottom:20px;
}

.octane-blog-image-wrapper a{
	line-height: 0;
    display: block;
}

.octane-blog-listing-wrapper img {
	height: 250px;
	width: 100%;
    object-fit: cover;
}

.octane-blog-listing-wrapper img:hover {
	opacity:0.9;	
}

.octane-blog-inner {
	border-bottom: 1px solid #aeaeae;
	padding-bottom: 20px;
	height: 100%;
}

.octane-blog-related .octane-blog-inner{
	border-bottom:none;
}

.facetwp-facet-octane_blog_pagination {
	text-align:center;
}

.octane-pagination .facetwp-pager a{
	padding: 9px 13px;
    margin: 0 5px;
    font-size: 16px;
    color: #323e48;
    display: inline-block;
    letter-spacing: 1px;
    line-height: 1;
	border-radius: 20px;
}

.octane-pagination .facetwp-page.active {
	font-weight: 500;
	background: #ff6c0e !important;
    color: #fff !important;
}

.octane-pagination .facetwp-page:hover:not(.facetwp-page.active){
	 color: #fff;
	 background: #ff6c0e;
}

.octane-pagination .facetwp-page.prev,
.octane-pagination .facetwp-page.next,
.octane-pagination .facetwp-page.prev:hover,
.octane-pagination .facetwp-page.next:hover{
	background:none !important;
}

.octane-pagination .facetwp-page.prev:hover,
.octane-pagination .facetwp-page.next:hover{
	color:#ff6c0e !important;
}


.octane-banner-cate ul {
	padding:0;
	list-style:none;
	display:flex;
	margin-right:10px;
	position:relative;
	line-height: 1;
}

.octane-banner-cate ul:after {
	position:absolute;
	content: "";
	height:90%;
	width:1px;
	background: #323e48;
	right:-6px;
	top:1px;
}	
	
.octane-banner-cate ul li {
	margin-right:10px;
}

.octane-banner-cate ul li:last-of-type {
	margin-right:0;	
}

.octane-banner-cate ul li a {
/* 	pointer-events:none; */
}

.octane-banner-cate ul li a,
.octane-time {
	color: #323e48;
	text-transform:uppercase;
}

.octane-time p{
	line-height:1;	
}

.octane-banner-cate ul li a:hover {
	color:#ff6c0e;
}

.octane-comments #comment-wrap h1{
	color:#323e48;
	font-size:34px;
}

.octane-comments h3.comment-reply-title{
	font-size:30px;
	color:#323e48;
}

.octane-comments textarea{
	resize:none;
}

.octane-comments p.logged-in-as{
	color:#767676;
	font-size: 16px;
}

@media only screen and (max-width:1200px) {
	.octane-blog h1 {
		font-size:36px;
	}
		
	.octane-blog-listing-wrapper h5 {
		font-size:20px;
	}
}

@media only screen and (max-width:1024px) {
	.octane-blog-listing-wrapper img {
		height:200px;
	}
	
	.octane-blog-listing-wrapper {
		padding: 0 10px;
	}
	
	.octane-blog-listing {
		margin:0 -10px;
	}
}

@media only screen and (max-width:980px) {
	.octane-blog-listing-wrapper {
		flex:0 0 50%;
	}
	
	.octane-blog-listing-wrapper img {
   		height: 250px;
    }
	
	.octane-blog h1 {
    	font-size: 30px;
	}	
}

@media only screen and (max-width:768px) {
	.octane-blog-left {
		flex:0 0 100%;
		padding-right:0;
	}
	
	.octane-blog-right {
		flex:0 0 100%;
		padding:30px;
	}
	
	.octane-blog-listing {
		margin:0;
	}
	
	.octane-blog-listing-wrapper {
   		flex: 0 0 100%;
		padding:0;
	}
	
	.octane-blog-listing-wrapper img {
    	height: 300px;
	}
	
	.octane-blog-left img {
    	height: 350px;
	}
	
	.octane-blog h1 {
    	font-size: 26px;
	}
}