/*
Theme Name: Divi Child Theme for Marquis Automotive
Theme URI: https://www.elegantthemes.com/gallery/divi/
Version: 3.0
Description: Divi child theme for Marquis Automotive
Author: Glenn Singleton
Author URI: https://glennsingleton.ca
Template: Divi
*/

/* Theme customization starts here
------------------------------------------------------- */


/* BODY - set base font family and weight */
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* GENERAL - set main-content background colour (for blog posts, can be overwitten by defining section colours on pages */
/*#main-content {
background-color: #FFFFFF;
}*/

/* HOME/LANDING PAGE - hide main header and footer until ready to be made into site navigation */
#main-header {
display: none !important;
}
#main-footer {
display: none !important;
}

/* HOME/LANDING PAGE - make sections transparent to show landing page background image (defined below) */
.et_pb_section {
background-color: transparent !important;
}
.page-id-11 {
background: url("https://marquis-automotive.com/wp-content/uploads/2019/04/MarquisBackground2_1100x730.jpg");
background-repeat: no-repeat !important;
background-size: cover !important;
}

/* HOME/LANDING PAGE - paragraphs limited to 50% of container width, to adjust for background image */
p.halfwidth {
width: 50% !important;
}


/* GENERAL LINKS: General link colors with transition */
/*a {
color: #248700;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a:hover {
color: #248700;
background-color: #9DA5AA;
}*/

/* PARAGRAPHS: set font size etc */
p {
color: #000000;
font-size: 18px;
font-weight: 300 !important;
}
p strong {
font-weight: 700 !important;	
}

/* PARAGRAPH LINKS: bold the links in body copy */
p a {
color: #ca0606;
font-weight: 700 !important;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
p a:hover {
color: #ff0000;
font-weight: 700 !important;
}


/* HEADINGS: coloured if made links, with transitions */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #ca0606;
font-weight: 700;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #ff0000;
}

/* HEADINGS: increase bottom padding (was 10) and line height (was 1em) */
h1, h2, h3, h4, h5, h6 {
padding-bottom: 25px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
line-height: 1.1em !important;
}

/* HEADINGS: define strong weight if used in heading */
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
font-weight: 700 !important;
}

/* HEADINGS: increase general h1 size (was 30) */
h1 {
font-family: 'Pinyon Script', cursive;
font-size: 96px !important;
font-weight: 400;
}
@media only screen and (max-width: 667px) {
h1 {font-size: 72px !important;}
}

h2 {
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
font-size: 36px !important;
font-weight: 800;
}
@media only screen and (max-width: 667px) {
h2 {font-size: 26px !important;}
}

h3 {
font-size: 26px !important;
}
@media only screen and (max-width: 667px) {
h3 {font-size: 22px !important; letter-spacing: 0px !important;}
}

h4 {
font-size: 22px !important;
letter-spacing: 0px !important;
}
@media only screen and (max-width: 667px) {
h4 {font-size: 18px !important; letter-spacing: 0px !important;}
}

h5,h6 {
font-size: 18px !important;
letter-spacing: 0px !important;
}


/* TEXT/HEADINGS: unbold */
.unbold {
font-weight: 300 !important;
}


/* HEADINGS (AND TEXT): Classes to remove/add bottom padding */
.no_bottom_padding {
padding-bottom: 0px !important;
}
.less_bottom_padding {
padding-bottom: 10px !important;
}
.add_bottom_padding {
padding-bottom: 25px !important;
}
.add_top_padding {
padding-top: 25px !important;
}

/* HEADINGS (AND TEXT): Classes to add/remove a text shadow */
.remove_text_shadow {
text-shadow: none !important;
}
.add_text_shadow {
text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9);
}
.add_text_glow {
text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);
}


/* TEXT: colouring */
.black {
color: #000000;
}
.white {
color: #FFFFFF;
}
.litegrey {
color: #9DA5AA;
}
.mediumgrey {
color: #6A6E74;
}
.darkgrey {
color: #54595F;
}
.purple {
color: #4B286D;
}
.green {
color: #66CC00;
}
.darkgreen {
color: #248700;
}
.red {
color: #e51b24;
}
.pink {
color: #ff01c0;
}
.gold {
color: #ffc000;
}
.orange {
color: #f58220;
}

/* TEXT: class for centering */
.text-center {
text-align: center;
}


/* TOP LOGO: ensure that theme does not scale or animate (problem with Retina) it */
#logo {
min-height: 85px !important;
padding-top: 5px !important;
padding-bottom: 10px !important;
-webkit-transition: none;
-moz-transition: none;
transition: none;
-webkit-transform: none;
}


/* NAVIGATION AREA */
#main-header {
background-color: #FFFFFF !important;
/*-webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5);*/
}
#et-top-navigation nav > ul > li > a {
font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important; 
font-weight: 400 !important;
/*text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9);*/
}
#top-menu li.current-menu-item > a {
color: #4B286D !important;
}
#top-menu li.current-menu-ancestor > a {
color: #4B286D !important;
}
/* was 30 below */
#top-menu li {
padding-right: 26px !important;
}
#top-menu .menu-item-has-children > a:first-child {
padding-right: 16px !important;
}

/* NAVIGATION AREA: tighten line height of submenu items */
#top-menu li li a {
font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important; 
font-weight: 400 !important;
font-size: 15px !important;
line-height: 1.1em !important;
padding: 10px 10px !important;
}
#top-menu li li.current-menu-item a {
color: #FFFFFF !important;
background-color: rgba(255, 255, 255, 0.1) !important;
}

/* NAVIGATION AREA: alter dropdown menu hover background colour */
#top-menu li li a:hover {
background-color: rgba(255, 255, 255, 0.1) !important;
}

/* SHIFTNAV: Remove shadow from edge of panel */
.shiftnav:after {
display: none !important;
}

/* SHIFTNAV: adjust wrap to allow for logo in toggle bar (70px plus 25px padding) */
.shiftnav-wrap {
padding-top: 95px !important;
}

/* SHIFTNAV: add shadow to toggle bar and white background */
#shiftnav-toggle-main {
/*-webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5);*/
background-color: #FFFFFF !important;
}

/* SHIFTNAV: adjust toggle bar to support logo */
#shiftnav-toggle-main .shiftnav-main-toggle-content {
padding-top: 12px !important;
padding-bottom: 14px !important;
padding-left: 24px !important;
padding-right: 24px !important;
}

/* SHIFTNAV: lower toggle bars burger placement */
#shiftnav-toggle-main .shiftnav-toggle-burger {
padding-top: 38px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
}

/* SHIFTNAV: change submenu line height for tappability */
.shiftnav ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target {
line-height: 1.2em;
padding-top: 15px;
padding-bottom: 15px;
}

/* SHIFTNAV: font for panel 'after content' */
.shiftnav-content-wrap {
font-size: 14px;
font-weight: 400;
}

/* SHIFTNAV: large phone number link at end of panel with transitions */
.shiftnav-content-wrap .big {
font-size: 20px !important;
font-weight: 500;
line-height: 21px;
letter-spacing: 0px;
}
.shiftnav-content-wrap a {
color: #4B286D;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-weight: 700;
}
.shiftnav-content-wrap a:hover {
color: #9DA5AA;
}

/* SHIFTNAV: adjust icon right margin to avoid associated text from bumping submenu arrow down */
.shiftnav ul.shiftnav-menu li.menu-item.shiftnav-has-icon > .shiftnav-target > i.shiftnav-icon {
margin-right: 5px !important;
}

/* SHIFTNAV: adjust submenu arrow default state */
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item > .shiftnav-target, .shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item > .shiftnav-submenu-activation {
padding-bottom: 10px !important;
}


/* FULLWIDTH HEADER */
.et_pb_fullwidth_header_subhead {
font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important; 
font-size: 18px !important;
font-weight: 500;
line-height: 1.1em;
color: #FFFFFF;
text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9);
}
.header-content h1 {
font-weight: 400;
text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9);
padding-bottom: 10px !important;
font-size: 36px !important
}
.et_pb_fullwidth_header {
padding: 30px 0 !important;
}


/* IMAGES: classes to limit image widths */
.maxwidth100 {
max-width: 100px !important;
}
.maxwidth140 {
max-width: 140px !important;
}
.maxwidth150 {
max-width: 150px !important;
}
.maxwidth200 {
max-width: 200px !important;
}
.maxwidth240 {
max-width: 240px !important;
}
.maxwidth300 {
max-width: 300px !important;
}
.maxwidth360 {
max-width: 360px !important;
}
.maxwidth400 {
max-width: 400px !important;
}
.maxwidth420 {
max-width: 420px !important;
}
.maxwidth500 {
max-width: 500px !important;
}
.maxwidth600 {
max-width: 600px !important;
}
.maxwidth700 {
max-width: 700px !important;
}
.maxwidth800 {
max-width: 800px !important;
}

/* IMAGES: class to make into circles or rounded corners */
.rounded img {
border-radius: 10px !important;
}
.roundedshadow img {
border-radius: 10px !important;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
img.circular {
border-radius: 50% !important;
}

/* IMAGES: class to add shadow */
.shadow {
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}

/* IMAGES: class to float Chat icon (or small image) to left or right within text block */
.floatleft {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.floatright {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
.floatright2 {
float: right;
margin-left: 25px;
margin-bottom: 25px;
}
@media all and (max-width: 600px) {
.floatleft,.floatright,.floatright2 {
float: none;
display: block;
margin-left: auto;
margin-right: auto;
}
}


/* ROW SHADOW: class to add shadow to a row */
.rowshadow {
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}


/* PROJECTS/BLOG: class to remove bottom margin on page */
.single .et_pb_post {
margin-bottom: 0 !important;
}


/* SECTION: Reduce top and bottom padding on a Section */
.reduce_topandbottom_padding {
padding-top: 25px !important;
padding-bottom: 25px !important;
}

/* SECTION: Remove top and bottom padding on a Section */
.remove_topandbottom_padding {
padding-top: 0px !important;
padding-bottom: 0px !important;
}


/* CONTACT FORM 7: make it similar in look to standard Divi form */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
 background-color: #eeeeee;
 border: none;
 width: 100% !important;
 -moz-border-radius: 0 !important;
 -webkit-border-radius: 0 !important;
 border-radius: 0 !important;
 font-size: 14px;
 color: #999 !important;
 padding: 15px !important;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 /*margin-bottom: 10px !important;*/
}
.wpcf7 input[type="number"] {
 background-color: #eeeeee;
 border: none;
 width: 100% !important;
 -moz-border-radius: 0 !important;
 -webkit-border-radius: 0 !important;
 border-radius: 0 !important;
 font-size: 14px;
 color: #999 !important;
 padding: 15px !important;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.wpcf7-captchar {
 background-color: #fff !important;
 border: 1px solid !important;
 padding: 12px !important;
}
.wpcf7-submit {
 background-origin: padding-box;
 background-size: auto;
 background: #248700 !important;
 color: #FFFFFF;
 border: 2px solid #248700;
/*font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important; */
 font-weight: 500;
 font-size: 16px;
 /*text-transform: uppercase;*/
 padding: 10px 22px 12px 22px;
 line-height: 1.7em;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 -moz-transition: all 0.2s;
 -webkit-transition: all 0.2s;
 transition: all 0.2s;
 margin-bottom: 10px;
 margin-left: 10px;
 margin-top: 20px;
}
.wpcf7-submit:hover {
background: #FFFFFF !important;
color: #248700;
border: 2px solid #248700;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
/* .wpcf7 textarea {
min-height: 100px;
} */
div.wpcf7-response-output {
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
font-size: 16px !important;
font-weight: bold !important;
line-height: 1.2em !important;
}
span.wpcf7-not-valid-tip {
color: #FF0000;
font-size: 14px !important;
font-weight: bold;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #66CC00;
}
div.wpcf7-mail-sent-ng {
border: 2px solid #FF0000;
}
div.wpcf7-validation-errors {
border: 2px solid #FF0000;
}
div.wpcf7 .wpcf7-form .wpcf7-select {
background-color: #eeeeee !important;
border: none !important;
border-radius: 0 !important;
box-sizing: border-box;
color: #000000 !important;
font-size: 14px;
padding: 10px !important;
width: 50% !important;
box-shadow: none !important;
}


/* SOCIAL: Center social icons in Social Module (Contact page) and put on same line */
ul.et_pb_social_media_follow {
width: 100%;
text-align: center;
margin: 0 0 0 0 ;
}
.et_pb_social_media_follow li {
float: none;
display: inline-block;
}


/* BLOG META */
.et_pb_post .post-meta {
font-size: 12px !important;
line-height: 1.2em !important;
}

/* BLOG ARTICLE TITLE (mobiles) */
@media all and (max-width: 479px) {
.et_pb_post h2,
.et_pb_blog_grid h2 {
padding-bottom: 10px !important;
}
}

/* BLOG SIDEBAR: Colour the sidebar background for individual Blog posts on smaller screens */
@media only screen and (max-width: 980px) {
#sidebar {
padding: 30px !important;
margin: 0px 0px 0px 0px !important;
background-color: #f7f7f7;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
}


/* WIDGET SIDEBAR: reduce line height of list items */
.et_pb_widget_area li a {
line-height: 1.1em !important;
}

/* WIDGET SIDEBAR: Colour the sidebar background for Masonry Blog index page on smaller screens */
@media only screen and (max-width: 980px) {
.et_pb_widget_area_right {
padding: 30px !important;
margin: 0px 0px -50px 0px !important;
background-color: #9DA5AA;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
}

/* WIDGET SIDEBAR: hide 'screen-reader-text' that shows above Archive and Categories dropdowns */
label.screen-reader-text {
display: none !important;
}

/* WIDGET SIDEBAR: change Recent Post link colours */
.et_pb_widget a {
color: #248700 !important;
}
.et_pb_widget li a:hover {
color: #248700 !important;
}


/* PORTFOLIO: change h3 title size (was 22 or 26) */
.et_pb_fullwidth_portfolio .et_pb_portfolio_image h3 {
font-size: 20px !important;
padding: 0 20px;
}
@media only screen and (max-width: 980px) {
.et_pb_section_7 {
padding-top: 20px !important;
padding-bottom: 0px !important;
}
}


/* GALLERY: change caption alignment, force caption and title fonts to remain consistent regardless of screen size */
p.et_pb_gallery_caption {
text-align: left;
font-size: 14px !important;
line-height: 1.4em !important;
}
.et_pb_gallery_grid .et_pb_gallery_item h3 {
padding-bottom: 5px !important;
font-size: 18px !important;
}

/* GALLERY LIGHTBOXED IMAGES: change overlay (was 0.8) */
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.9; 
}


/* FONTAWESOME: tweaks for using icons in lists with plain paragraph text */
.fa {
line-height: inherit !important;
}
.fa-ul {
list-style-type: none !important;
padding-left: 0px !important;
margin-left: 30px !important;
line-height: 1.5em !important;
}
.fa-li {
top: 0px !important;
}


/* LISTS: tweaks for lists in Pricing Plan section - uses ID */
#plans .entry-content ul li {
line-height: 16px !important;
/*padding-bottom: 10px !important;*/
}

/* LISTS: tweaks for bulleted lists */
#left-area ul,
.entry-content ul,
.comment-content ul,
body.et-pb-preview #main-content .container ul {
line-height: 1.5em !important;
}

/* LISTS: class for fontawesome icon lists (add class iconlist to containing element) */
.iconlist ul {
padding-bottom: 0px !important;
}
.iconlist ul li {
margin-bottom: 10px;
}
.iconlist ul li:last-child {
margin-bottom: 0px;
}


/* TOGGLE/ACCORDION: change + colour and size (was #CCC and 16px) */
.et_pb_toggle_title:before {
color: #4B286D;
font-size: 21px;
}


/* TABS (for four equal sized ones on Packages page) */
.equal_tabs .et_pb_tabs_controls li {
width: 25%;
font-weight: 300 !important;
text-align: center;
}
@media screen and (max-width: 960px) {
.equal_tabs .et_pb_tabs_controls li {
width: 100%;
font-weight: 300 !important;
text-align: center;
}
}

.et_pb_tabs_controls li a {
padding-top: 15px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 10px;
}

/* TABS: change active tab background colour */
.equal_tabs .et_pb_tabs_controls li.et_pb_tab_active {
background-color: #d8d8d8;
font-weight: 500 !important;
}

/* TABS: increase padding for content in tab */
.et_pb_all_tabs {
padding: 25px 25px 20px;
}

/* TABS: adjust padding for content in tab for mobiles */
@media only screen and (max-width: 480px) {
.et_pb_all_tabs {
padding: 15px 10px 10px !important;
}
}

/* TABS: set line height for p within tabs */
.et_pb_all_tabs p {
line-height: 1.5em !important;
}


/* BUTTONS: default font */
.et_pb_button {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
font-weight: 500 !important;
}

/* BUTTONS: default padding increase */
body #page-container .et_pb_button {
padding: 6px 12px 8px 12px !important;
}

/* BUTTONS: class to center on mobile (add to css of row/column button module placed in) */
@media only screen and (max-width: 980px ) {
.centerbutton .et_pb_button_module_wrapper {
text-align: center !important;
}
}

/* BUTTONS: if link add transition */
body #page-container .et_pb_button a {
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}


/* HORIZONTAL RULES: dotted etc */
hr.solid {
border: 0;
border-top: 1px solid #CCCCCC;
margin-top: 25px;
margin-bottom: 25px;
}
hr.dotted {
border: 0;
border-top: 1px dotted #CCCCCC;
margin-top: 25px;
margin-bottom: 15px;
}


/* VARIOUS: class for hiding on mobile */
@media all and (max-width: 480px) {
.mobile-hidden  {
display: none !important;
}
}

/* VARIOUS: class for hiding on tablet */
@media all and (min-width: 481px) and (max-width: 980px) {
.tablet-hidden  {
display: none !important;
}
}

/* VARIOUS: class for hiding on desktop */
@media all and (min-width: 981px) {
.desktop-hidden  {
display: none !important;
}
}


/* FOOTER BOTTOM BAR */
#footer-bottom {
padding-top: 35px !important;
padding-bottom: 20px !important;
}

/* FOOTER SET PARAGRAPH FONT SIZE */
p#footer-info {
font-size: 14px !important;
}


/* TO ADDRESS HOMEPAGE SLIDER BACKGROUND COLOR ISSUE, HEIGHT SETTING AND ANIMATIONS (add sliderfix class to slider module CSS) */
.sliderfix .et_pb_slide {
background-color: transparent !important;
min-height: 400px !important;
}
@media all and (max-width: 480px) {
.sliderfix .et_pb_slide {
min-height: 400px !important;
max-height: 500px !important;
}
}
.sliderfix .et_pb_slide_description{
animation-name: none!important;
-webkit-animation-name: none!important;
-moz-animation-name: none!important;
-ms-animation-name: none!important;
-o-animation-name: none!important;
}
.sliderfix .et_pb_slide_image, .sliderfix .et_pb_slide_image img.active{
animation-name: none!important;
-webkit-animation-name: none!important;
-moz-animation-name: none!important;
-ms-animation-name: none!important;
-o-animation-name: none!important;
}
/* Show slider arrows always */
@media all and (min-width: 768px) {
.et-pb-arrow-next {
opacity: 1;
right: 22px;
}
.et-pb-arrow-prev{
opacity: 1;
left: 22px;
}
}
@media all and (max-width: 767px) {
.et-pb-arrow-next {
opacity: 1;
right: 0;	
}
.et-pb-arrow-prev{
opacity: 1;
left: 0;
}
}