/* Header */
.fixed-header { position: fixed;top: 0px;left: 0px;width: 100%;z-index: 99; }
.header-social-contacts .header-login ul li:not(:last-child) { margin-right: 20px; }
.header-login  ul li a{padding: 10px !important;}
.header-social-contacts .social-media-contacts ul li:not(:first-child) { margin-left: 20px; }
.social-media-icon { width: 25px;height: 25px;background-color: var(--heading-secondary);color: var(--seconday);display: flex;justify-content: center;align-items: center;border-radius: 5px;transition: all .45s; }
.social-media-contacts .fa-phone { transform: rotate(270deg) translate(2px, -8px); }
.social-media-contacts .social-media-icon i, .social-media-contacts .social-media-icon:hover i { color: var(--seconday);transition: all .45s; }
.social-media-contacts .social-media-icon:hover { opacity: 0.9;transition: all .45s; }
/* Sub Header */
div.subheader{display: flex;justify-content: center;align-items: baseline;background-color: #6AB445;}
.subheader a h5.sub_heading{font-size: 18px;}
.subheader a .sub_heading{color: #ffffff;transition: all .3s}
.subheader a .sub_heading:hover{color: #EFDE00;transition: all .3s}
/* Banner section */
.site-main-banner { background: url(../images/button_energy_site_banner.webp) no-repeat center;background-size: cover; }
.form-wrapper input, .form-wrapper textarea { border: 1px solid #C1BDBD; }
.model-close-btn { width: 25px;height: 25px;display: flex;position: absolute;top: 10px;right: 10px;border: none!important;outline: none!important; }
input[type="submit"] { font-size: 16px; border: none;}
.banner-grid { display: grid;grid-template-columns: 69% 26%; }
.site-main-banner .banner-slider .carousel-item { width: 78%; }
.site-main-banner .banner-slider .carousel-item h2 { font-size: 35px;font-weight: 700;color: var(--heading-secondary); }
.site-main-banner .banner-slider .carousel-item p { font-size: 17px;color: var(--heading-secondary); }
.model-button { position: fixed;top: 50%;right: -46px;transform: rotate(-90deg);padding: 12px 30px 12px 30px;font-size: 16px;font-weight: 600; }
/* About articles */
.articles-grid { display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 20px 90px; }
.about-articles-wrapper article { overflow: hidden;border-radius: 20px;transition: all .45s ease-in-out !important; }
.about-articles-wrapper article h2, .about-articles-wrapper article p { color: var(--heading-secondary); }
.about-articles-wrapper article .articles-description { padding: 26px 0px 10px 32px; }
.about-articles-wrapper article figure img { max-height: 210px;width: 100%;object-fit: cover; }
.service-area-articles { background-color: transparent;background-image: linear-gradient(180deg, var(--seconday) 0%, #6CC24ADB 100%);transition: all .45s ease-in-out !important;; }
.history-articles { background-color: var(--button-bg);transition: all .45s; }
.careers-articles { background-color: transparent;background-image: linear-gradient(180deg, #6CC24A 0%, #7EE357DB 100%);transition: all .45s; }
.service-area-articles:hover { background-image: linear-gradient(180deg, var(--seconday) 100%, #6CC24ADB 0%);transition: all .45s ease-in-out !important; }
.history-articles:hover { background-image: linear-gradient(180deg, #CABC02 0%, var(--button-bg) 100%);transition: all .45s; }
.careers-articles:hover { background-image: linear-gradient(180deg, #6CC24A 100%, #7EE357DB 0%);transition: all .45s; }
.about-us-content p, .about-us-content a { font-size: 24px;color: var(--seconday); }
/* Energies for */
@media (min-width: 1400px) { .various-energies .container-xl { max-width: 1400px; } }
.various-energies .for-home h2 a { color: var(--seconday);border-bottom: 6px solid var(--seconday);padding-bottom: 14px; }
.various-energies .for-business h2 a { color: #6CC24A;border-bottom: 6px solid #6CC24A;padding-bottom: 14px; }
.various-energies .for-wholesale h2 a { color: var(--button-bg);border-bottom: 6px solid var(--button-bg);padding-bottom: 14px; }
/* Heating and Delivery service */
.heating-and-delivery-services .heating-service h2 { font-size: 43px;font-weight: 600;color: var(--text-primay); }
.heating-and-delivery-services .heating-service h2 span { color: #7B7272; }
.heating-and-delivery-services .heating-service li { color: var(--seconday);margin-bottom: 4px; }
.heating-and-delivery-services .heating-service li i { color: var(--seconday);margin-right: 14px; }
.heating-and-delivery-services .heating-service p a { color: var(--seconday);font-size: 18px; }
.heating-and-delivery-services .heating-service p a:hover { text-decoration: underline; }
.heating-and-delivery-services .card .content p { color: var(--text-primay); }
.heating-and-delivery-services .card .content h3 { color: #7B7272; }
.box-shadow { box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%); }
/* Exceptional service */
.exceptional-service { background: url(../images/button-energy-heating-oil-propane-delivery-central-pennsylvania.webp) no-repeat left;background-size: cover; }
.exceptional-service-overlay { position: absolute;top: 0;right: 0;height: 100%;width: 100%;background-color: transparent;background-image: linear-gradient(270deg, #F6F6F6 43%, #F2295B00 100%);opacity: 1;transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
/* Testimonials */
.testomonials-bg { background: url(../images/button-energy-oil-propane-testimonials.png) no-repeat right; }
.five-stars { display: block;width: 92px;height: 15px;margin: 8px 0px 14px 0px;background: url(../images/star.png) no-repeat center; }
.testimonials-slider .carousel-inner article { padding: 20px;border: 1px solid rgba(0,0,0,.1);background-color: #fff; }
.testimonials-slider .carousel-inner article p { font-weight: 500;line-height: 26px; }
.testimonials-slider .carousel-inner article h6 { font-weight: 300; }
.testimonials-slider .carousel-inner article h6:hover { color: #23527c;cursor: pointer; }
.testimonials-slider .tell-us-button:hover span { text-decoration: underline;color: var(--text-primay); }
/* contact us to learn */
.contact-us-to-learn .what-makes-auto-typing h2 { font-size: 43px;color: var(--text-primay);font-weight: 700; }
.contact-us-to-learn h4, .contact-us-to-learn .contact-us-buttons h6 a { color: #7B7272;font-weight: 600; }
.contact-us-to-learn .what-makes-auto-typing h2 span { color: var(--seconday) ;position: relative;margin-right: 4px;}
/* Footer */
.site-footer-bg { background: url(../images/button-energy-oil-propane-residential-commercial-energy-delivery.webp) no-repeat center;background-size: cover; }
.site-footer-overlay { position: absolute;top: 0;right: 0;height: 100%;width: 100%;background-color: var(--text-primay);opacity: 0.95; }
.site-footer .footer-menu li { padding: 13px 0px; }
.site-footer .footer-menu li a { color: var(--text-white);font-weight: 700; }
.site-footer .footer-menu h4 a, .site-footer .footer-menu h4 { color: var(--text-white);font-weight: 700; }
.site-footer .footer-menu li a:hover { color: var(--button-secondary); }
.office-addresses li, .office-addresses li a { color: var(--text-white); }
.office-addresses li a:hover { text-decoration: underline; }
.social-icon { width: 40px;height: 40px;background-color: #FFFFFF;display: flex;justify-content: center;align-items: center;border-radius: 50%;transition: all .45s; }
.social-icon:hover { opacity: 0.9;transition: all .45s; }
.social-icon i { color: var(--seconday); }
.seperator { border-top: 2px solid var(--secondary--bg);width: 70%;opacity: 1;margin: 36px 0px; }
/* Copy rights */
.copy-rights-bg { background-color: var(--seconday);padding: 21px 0px; }
.copy-rights li:not(:first-child) { margin-left: 16px; }
.copy-rights li a { color: #ffffff;font-weight: 700; }

/*** ***/
/* Inner Banner Section */
.section_padding{ padding: 30px 0px 30px 0px;}
.inner_banner{background: url(../images/innerpage_image.jpg)no-repeat center;background-position: center;background-size: cover;}
.background_overlay{background-color: var(--seconday);height: 100%; width: 100%; top: 0; left: 0;z-index: 0;opacity: 0.9;}
.banner_content{z-index: 1;}
.inner_banner p{color: var(--heading-secondary);}
/* main.site_content {margin-top: 55px;} */
/* Inner Banner breadcrumbs */
.breadcrumb_bg{padding:16px;}
.secondary-bg { background-color: var(--seconday); color: var(--heading-secondary);}
.secondary-bg-color{background-color: #f6f6f6;}
.buttons_group a{display: block;padding: 12px 30px;opacity: 0.9;font-size: 16px;margin-bottom: 16px;}
.buttons_grid{display: grid;grid-template-columns: 33% 33% 33%;gap: 10px 30px;}
.breadcrumb_title{color: #000;}
.separator{padding: 0px 6px;}
.breadcrumb_title:hover{text-decoration: underline;color: #000;}
.icon{color: #6ab445;font-size: 50px;border-color: #6AB445;fill: #6AB445;}
.disc_style{list-style-type: disc;}
/* commersial Banner Section */
.inner_commercial_banner{background: url(../images/commersial.jpg)no-repeat center;background-position: center;background-size: cover;}
.inner_commercial_banner p{color: var(--heading-secondary);}
.basic_grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 0px 50px;}
.heating_oil li{list-style-type: disc;}
.accordion-button.collapsed::before {content: '+';font-size: 20px;padding-right: 20px;transition: all 0.45s;}
.accordion-button::before{content: '-';font-size: 20px;padding-right: 20px;transition: all 0.45s;}
.accordion-button:hover{background-color: #414141;transition: all 0.45s;cursor: pointer;}
.accordion-button:hover span{color: #fff;}
.accordion-button span{width: 100%;}
.accordion-button:hover.collapsed::before{color: #fff;transition: all 0.45s;}
.accordion-button:not(.collapsed){color: #fff;background-color: #414141;}
.accordion-button::after{display: none;}
.accordion-collapse .collapse{transition: all 0.45s;}
.accordion-collapse .collapse .show{transition: all 0.45s;}
.site_content .accordion-body {border: 1px solid #eee;background-color: #f6f6f6;}
.wholesale_grid{display: grid;grid-template-columns: 25% 25% 25% 25%;gap: 20px 30px;}
.inner_wholesale_banner{background: url(../images/whosale.jpg)no-repeat center;background-position: center;background-size: cover;}
.inner_about_banner p{color: #fff;}
.inner_about_banner{background: url(../images/innerpage_image.jpg)no-repeat center;background-position: center;background-size: cover;}
.giveaway_banner{background: url(../images/delivers.jpg)no-repeat center;background-position: center;background-size: cover;}
.green_bg{background-color: #007A33;}
 .green_bg h2{color: #fff;} 
.green_bg p{color: #fff;}
.green_bg li{color: #fff;}
.article_content h2 a{color: #303133;font-size: 20px;}
.article_content h2 a:hover{color: #23527c;}
.artcle_box{ display: grid; grid-template-columns: 25% 25% 25% 25%;gap: 24px;}
.article{border: 1px solid #e5e5e5;}
.article_content{padding: 15px;margin-top: -10px;}
.article_content h2{line-height: 20px;margin-bottom: 10px;}
.article_content p{font-size: 14px;margin-bottom: 4px;}
.article_content a{font-size: 12px;font-weight: 600;}
.overlay{display: flex;justify-content: center;align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 2;-webkit-transition: opacity .2s ease-in-out,-webkit-transform .25s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity .2s ease-in-out,-webkit-transform .25s cubic-bezier(0.19, 1, 0.22, 1);transition: opacity .2s ease-in-out,transform .25s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity .2s ease-in-out,transform .25s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform .25s cubic-bezier(0.19, 1, 0.22, 1);}
.overlay:hover{ background-color: rgba(0,0,0, .75);-webkit-transition: 300ms; transition: 300ms;}
.overlay:hover i{color: #fff;opacity: 1;}
.article img{max-height: 155px;width: 100%;object-fit: cover;}
.overlay i{opacity: 0;}
/* */
ul.commercial_quete li a { display: block;margin-bottom: 16px; }
.inner_dalls_banner{background: url(../images/dalls.jpg)no-repeat center;background-position: center;background-size: cover;}
.inner_dalls_banner p{color: #fff;}
.button_oil_inner{background: url(../images/heating_oil.jpg)no-repeat center;background-position: center;background-size: cover;;}
.button_oil_inner p{color: #fff;}
/* */
.list_bg li{color: #303133;}
.history li{color: #303133;}
.mail_address{border-bottom: 1px solid #E1E1E1;}
.address i{font-size: 14px;color:#007A33;}
.address span{padding-left: 16px;color: #007A33;}

/*.contact_us input,textarea{margin-bottom: 0px;} */
.contact_form span, .form label span{font-size: 12px ;color: #c02b0a;font-weight: 400;font-style: italic;}
.conformation{padding-left: 6px;display: flex;align-items: center;margin-top: 6px;}
.form-check-input:checked { background-color: #616161!important;border: 1px solid #616161!important;}
.form-check-input:focus{box-shadow: none!important;}
.form-check-input[type=radio]{padding: 0;margin-bottom: 10px;}
input.file_upload{border: none;padding: 0;}
input[type="file"]::file-selector-button{background-color: #404040;color: #fff;padding:10px 15px;border-radius: 3px;cursor: pointer;}
input:hover[type="file"]::file-selector-button{background-color: #202020;}
/*  */
.avalaible_point{box-shadow: 0px 0px 10px 0px rgb(110 123 140 / 30%);padding: 15px;}
.avalaible_point h3 a{font-size: 16px;color: #303133;}
.avalaible_point p,.read_more{font-size: 14px;margin-bottom: 4px;}
.avalaible_point h3{margin-bottom: 0;}
.pdf_section a{font-size: 14px;color: #007A33; }
.pdf_section .download{background-color:#32373c; color: #007A33;border-radius: 30px;padding: 8px 12px;margin-left: 10px;}
.pdf_section .download:hover{    opacity: .85;}
.home input{margin-bottom: 0;padding: 6px;}
.home label{margin-bottom: 0;margin-left: 6px;}
.review_top{display: none;}
.form_toggle{display: none;}
/* Timeline */
.timeline { position: relative; padding: 10px; margin: 0 auto; overflow: hidden;    }
.timeline-row {padding-left: 50%;position: relative;margin-bottom: 30px;}
.timeline-row .timeline-time {position: absolute;right: 52%;top: 20px;text-align: right; margin-right: 20px; color: #000000; font-size: 1.5rem;}
.timeline-row .timeline-content { position: relative; padding: 26px; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}
.timeline-row .timeline-content:after {  content: ""; position: absolute; top: 20px; height: 3px; width: 40px;}
.timeline-row .timeline-content:before { content: "";position: absolute;top: 20px; right: -72px; width: 40px; height: 40px; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; z-index: 9; background: #f1f2f3;border:6px solid #f9f9f9;box-shadow: 0 1px 0 1px rgb(0 0 0 / 10%);}
.timeline-row .timeline-content h4 { margin: 0 0 20px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 150%;}
.timeline-row .timeline-content p {margin-bottom: 30px; line-height: 150%;}
.timeline-row .timeline-content i {font-size: 2rem;color: #ffffff; line-height: 100%; padding: 10px; border: 2px solid #ffffff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; margin-bottom: 10px;  display: inline-block;}
.timeline-row .timeline-content .thumbs { margin-bottom: 20px;}
.timeline-row .timeline-content .thumbs img {  margin-bottom: 10px;}
.timeline-row:nth-child(even) .timeline-content { background-color: #f1f2f3;margin-left: 50px;text-align: left;}
.timeline-row:nth-child(even) .timeline-content:after { left: -34px; border-right:18px solid #f1f2f3; border-top: 18px solid transparent; border-bottom: 18px solid transparent;}
.timeline-row:nth-child(even) .timeline-content:before {left: -69px; right: initial;}
.timeline-row:nth-child(odd) {padding-left: 0;padding-right: 50%;}
.timeline-row:nth-child(odd) .timeline-time {right: auto;left: 52%;text-align: left;margin-right: 0;margin-left: 20px;}
.timeline-row:nth-child(odd) .timeline-content {background-color: #f1f2f3; margin-right: 50px; margin-left: 0;}
.timeline-row:nth-child(odd) .timeline-content:after { right: -34px; border-left: 18px solid #f1f2f3; border-top: 18px solid transparent; border-bottom: 18px solid transparent;}
.timeline-time p{font-size: 26px;font-weight: 400;color: #4d4d4d;opacity: .7;margin-bottom: 6px;}
.timeline-content h2 a{font-size: 16px;color: #303e49;}
.timeline-row.in-view .timeline-content:before {background-color: #3CCD94;}
/* footer info box */
.info-box { padding: 30px;background-color: #ffffff; }
.info-box h4 { color: #7B7272;font-weight: 600; }
#refer-and-earn-form-model .modal-dialog { max-width: 650px; }

/* privacy page */
.privacy_style h2{color: #007A33;font-weight: 500;}
.border_style{border: 1px solid #aaa;border-radius: 4px;}
.accordions{border-bottom: 1px solid #aaa;padding: .5em .5em;cursor: pointer;}
.accordions h3{margin-bottom: 0;font-weight: 500;}
.cookie_policy .accordion-collapse{padding: 18px;} 
.privacy_style ul{padding-left: 40px;}
.privacy_style .fa-caret-right:before { color: #3f3535; font-size: 18px;}
.privacy_style p a{color: #007A33;}
.accordion-section{margin: 12px 0px;}
.accordions{transition: 0.45s;}
.cookie_policy .accordions[aria-expanded="true"] h3 i{transform: rotate(90deg);transition: 0.5s;}
.tab_style span{color: #6AB445;font-weight: 900;}
.tab_style span:hover{color:#6AB445 ;}
.tab_style .active{color: #EFDE00!important;border-radius: 0;}
.construction_link a{color: #007A33;}
/* .comon_green a{color: #007A33;} */
.white{color: #fff;}

.avalaible_point h3 a:hover{color: #23527c;}
.inner_customer_banner{background: url(../images/become_a_customer.jpg)no-repeat center;background-position: center;background-size: cover;}
.inner_getcode_banner{background: url(../images/become_a_customer.jpg)no-repeat center;background-position: center;background-size: cover;}
.read_more{color: #61ce70;font-size: 12px;}
.banner_content p{color: #fff;}
.form-check-input[type=checkbox]{margin-bottom: 10px;vertical-align: middle;padding: 0;}
.application{font-weight: 400;margin-bottom: 0px;vertical-align: top;}

.inner_reward_banner{background: url(../images/rewards.jpg)no-repeat center;background-position: center;background-size: cover;}
.what-makes-auto-typing h2 span::after{content: ""; position: absolute; left: auto; right: 0; top: 50%; transform: translateY(-50%); height: 90%; width: 1px; background-color: #0d0d0d;}

body{margin:0;background:dark-grey;padding-bottom:300px}
.header{height:500px;text-align:center;background:linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,0.8)),url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSwzzY9fjzAm7fIXKNZSmoU4LH-GoZOj7scpVvJm3w15M2nreWOHg);background-position:50% 50%;background-color:light-grey;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Droid Sans}
.header h1{font-size:3rem;color:#000;font-family:'Yatra One',cursive}
.header p{font-family:'Yatra One',cursive;font-size:1.5rem}
.timeline{padding:20px}
.timeline ul{padding:0}
.timeline .default-line{content:'';position:absolute;left:50%;width:4px;background:#d7e4ed;height: 89%;}
.timeline .draw-line{width:4px;height:0;position:absolute;left:50%;background:#2ecc71}
.timeline ul li{list-style-type:none;position:relative;width:2px;margin:0 auto;height:400px;background:transparent}
.timeline ul li.in-view{transition:.125s ease-in-out,background-color .2s ease-out,color .1s ease-out,border .1s ease-out}
.timeline ul li.in-view::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:42px;height:42px;border-radius:50%;background-image:url(https://sg0duxoli5-flywheel.netdna-ssl.com/wp-content/themes/inspired_elearning_theme/images/check-dark.svg);background-color:#2ecc71;background-size:20px 20px;background-repeat:no-repeat;background-position:center;transition:.125s ease-in-out,background-color .2s ease-out,color .1s ease-out,border .1s ease-out}
.timeline ul li::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:inherit;background:#bdc3c7;transition:all .4s ease-in-out}
/* issue changes */
.breadcrumb_bg ul li a{color: #7B7272;font-family: "Roboto Slab";}
.breadcrumb_bg ul li{font-family: "Roboto Slab";color: #7B7272;}
.info-box h2{font-weight: 500;}
.accordion-button:hover .fa-angle-right{color: #fff!important;} 
.fa-toggle{color: #fff;transform: rotate(90deg);transition: all 0.45s;}
.accordion-button.collapsed .fa-angle-right {transform: rotate(0deg);transition: all 0.45s;color: #202020;} 
.faq_accordion .show .fa-angle-right {color: #202020;}
.faq_accordion{background: #f1f1f1;}
.tell-us-button{font-size: 18px;}
.timeline-content h2{line-height: 20px;}
.articles-title{font-weight: 500;}
.banner-form h3{color: var(--seconday);font-weight: 500;}
.carousel-indicators [data-bs-target]{width: 8px;height: 8px;border-radius: 50%;background-color: #000;}
.carousel-indicators{margin-left: 0;top: 100%;transform: translate(100px, 100px);}
.carousel-indicators button:hover{box-shadow: none;}
.carousel-indicators .active { background-color: #fff!important;}
.button-oil-logo{max-width: 300px;}
.info-box .button{background-color:var(--button-secondary);}
.cities-propane-company .container ul, .cities-propane-company .container ol { margin-bottom: 20px;padding-left: 40px; }
.cities-propane-company .container ul li { list-style-type: disc; }
.cities-propane-company .container ol li { list-style-type: decimal; }
.cities-propane-company .breadcrumb_bg li { list-style: none; }
.full-width-row { width: 100vw;position: relative;margin-left: -50vw;margin-top: 30px;left: 50%;text-align: center;margin-bottom: 30px;padding: 50px 0px; }
.request_quote_today_bg { background: url(../images/request_today_qoute_img.jpg) no-repeat; }
.full-width-row h2, .full-width-row p { color: #ffffff; }
.full-width-row h2 { font-size: 38px; }
.full-width-row p { font-size: 22px; }
.request-quote-btn { padding: 16px 30px;font-size: 22px;word-spacing: 3px; }
.request-quote-btn span { font-size: 24px;margin-left: 20px; }
.free-estimate-today-btn-wrapper a { padding: 14px 30px;font-size: 16px; }
.request-quote-btn:hover::after { transform: translate(520px, 0) scale(2.2) rotate(24deg); }
.request-quote-btn:hover span i { color: #1a1a1a!important; }
.Download_Page{background-color: #EFDE00;padding: 14px 30px;color: #1a1a1a;font-weight: 500;border-radius: 5px;}
.Download_Page:hover{box-shadow: 0px 0px 11px 0px #b5b5c2;transition: all .45s;background-color: #FFD100;color: #3F3535;}
.giveaway_content p{margin-bottom: 14px;font-family: "Roboto", Sans-serif;font-size: 18px;}
.giveaway_form input,select{background-color: #EFEFEF;border-radius: 6px;border-color: #E1E1E1;}
#confetti {background: transparent;height: 100%;left: 0px;position: fixed;top: 0px;width: 100%;z-index: -1;opacity: 0;}
/* Responsive */
@media(max-width:1399px){
/* About articles */
.button-oil-logo-wrapper { margin-bottom: 10px; }
.button-oil-logo { max-width: 280px; }
h2, h2 a { font-size: 28px; }
.articles-grid { grid-gap: 20px 80px; }
/* Heating and Delivery service */
.heating-and-delivery-services .heating-service h2, .contact-us-to-learn .what-makes-auto-typing h2  { font-size: 40px; }
/*** ***/
.wholesale_grid{grid-template-columns: 50% 50%;gap: 20px 30px;}
.full-width-row h2 { font-size: 34px; }
.full-width-row p { font-size: 18px; }
.request-quote-btn { font-size: 20px;padding: 14px 30px; }
.full-width-row { padding: 40px 0px; }
}

@media(max-width:1199px){
/* main menu */
.navbar li a { font-size: 16px; }
.navbar>ul>li { padding: 10px 0 10px 14px!important; }
/* home banner */
.banner-grid { grid-template-columns: 63% 31%; }
.site-main-banner .banner-slider .carousel-item h2 { font-size: 32px; }
.carousel-indicators { transform: translate(70px, 70px); }
/* About articles */
.articles-grid { grid-gap: 20px 60px; }
h2, h2 a {font-size: 26px;}
.about-articles-wrapper article p { font-size: 14px; }
.about-us-content p, .about-us-content a { font-size: 22px; }
h3, h3 a { font-size: 26px; }
/*** ***/
.buttons_grid{grid-template-columns: 100%;gap: 20px 30px;}
.navbar>ul>li { padding: 10px 0 10px 10px; }
.social-media-contacts .number{display: none;}
.header-login ul li{margin-right: 16px !important;}
.Affiliate span{font-size: 14px;}
.affilicate_content{padding: 0;}
}

@media (max-width:1024px) {
/* About articles */
.articles-grid { grid-template-columns: repeat(1, 1fr);grid-gap: 36px 60px; }
.about-articles-wrapper article p { font-size: 16px; }
.about-articles-wrapper article figure img { object-fit: contain;max-height: 190px; }
.button-oil-logo { max-width: 250px; }
}

@media(max-width:991px){
    main.site_content {margin-top: 0px;}
    .main-login{order: 1;padding: 0;}
    .affilicate_content{order: 3;padding-top: 15px;}
    .social-media-contacts{order: 2;}
.navbar>ul>li { padding: 4px 0 4px 14px!important; }
.navbar li a { font-size: 16px; }
.dropdown li h4 a { font-size: 22px; }
.navbar .dropdown ul, .navbar .dropdown .dropdown ul { visibility: visible;opacity: 1; }
/* header social */
.header-social-contacts .header-login a.button { padding: 10px; }
/* home banner */
.banner-grid { grid-template-columns: 80%;grid-gap: 120px 0px;justify-content: center; }
.site-main-banner .banner-slider .carousel-item { width: 90%; }
.site-main-banner .banner-form { width: 70%; }
.carousel-indicators { margin-top: 0px;transform: translate(60px, 40px); }
/* Energies for */
.energies-for { text-align: center; }
/* contact us to learn */
.contact-us-to-learn .what-makes-auto-typing h2 { font-size: 36px; }
/*** ***/
.basic_grid{ grid-template-columns: repeat(1,1fr);}
.artcle_box{grid-template-columns: 50% 50%;}
.timeline .default-line{height: 93%;}
.full-width-row h2 { font-size: 34px; }
.full-width-row p { font-size: 18px; }
.request-quote-btn { padding: 14px 30px; }
.fixed-header{position: relative;}
.secondary_menu,.fixed-header .site-menu{display: none;}
.sticky_menu{display: block !important;position: sticky;top: 0;z-index: 99;}
.mobile-nav-active .sticky_menu .text-end .mobile-nav-hide{display: block !important;}
}

@media(max-width:767px){
/* header */
.button-oil-logo { max-width: 230px; }
.button-oil-logo-wrapper { margin-bottom: 8px; }
.header-social-contacts .social-media-contacts ul li:not(:first-child), .header-social-contacts .social-media-contacts ul li span { display: none; }
.header-social-contacts .header-login a.button { padding: 8px 10px; }
.responsive-model-button { bottom: -4px;right: 0px;top: auto;width: 100%;transform: rotate(0deg) translate(0px, 0px);padding: 14px 24px 14px 24px;position: fixed;z-index: 9; }
/* home banner */
.site-main-banner .banner-slider .carousel-item h2 { font-size: 28px; }
.site-main-banner .banner-slider .carousel-item p { font-size: 16px; }
.site-main-banner .banner-form { display: none; }
.site-main-banner { height: 400px; }
.carousel-indicators { transform: translate(40px, 40px); }
/* Footer */
.site-footer .footer-menu li { padding: 12px 0px; }
/* copy rights */
.copy-rights { padding-bottom: 60px; }
.copy-rights li { margin-bottom: 8px; }
.copy-rights li:not(:first-child) { margin-left: 0px; }
/*** ***/
h2, h2 a{font-size: 26px;}
.article_content h2 a{font-size: 20px!important;}
.wholesale_grid{grid-template-columns: 100%;gap: 20px 30px;}
.artcle_box{grid-template-columns: 100%;}
/* Timeline */
.timeline { padding: 15px 10px;}
.timeline:after { left: 28px;z-index: -1;}
.timeline .timeline-row { padding-left: 0;margin-bottom: 16px; }
.timeline .timeline-row .timeline-time { position: relative; right: auto;  top: 0;  text-align: left; margin-left: 80px; margin-top: 36px;}
.timeline .timeline-row .timeline-time strong {display: inline-block;  margin-right: 10px;}
.timeline .timeline-row .timeline-icon { top: 52px;left: -2px; margin-left: 0; }
.timeline .timeline-row .timeline-content { padding: 15px; margin-left: 80px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);  position: relative;}
.timeline .timeline-row .timeline-content:after { right: auto; left: -39px;  top: 32px; }
.timeline .timeline-row:nth-child(odd) { padding-right: 0;}
.timeline .timeline-row:nth-child(odd) .timeline-time { position: relative; right: auto; left: auto; top: 0; text-align: left; margin-left: 80px; }
.timeline .timeline-row:nth-child(odd) .timeline-content { margin-right: 0; margin-left: 80px;}
.timeline .timeline-row:nth-child(odd) .timeline-content:after {right: auto; left: -39px; top: 32px; border-right: 18px solid #f1f2f3; border-left: inherit;}
.timeline.animated .timeline-row:nth-child(odd) .timeline-content { left: 20px;}
.timeline.animated .timeline-row.active:nth-child(odd) .timeline-content { left: 0; }
.timeline-content h2 a{font-size: 16px!important;}
.timeline-row:nth-child(even) .timeline-content:before,.timeline-row .timeline-content:before{left: -86px;}
.timeline-row .timeline-content:before{width: 35px;height: 35px;top: 30px;z-index: 0;}
.timeline .default-line,.timeline .draw-line{left: 4%!important;}
.full-width-row h2 { font-size: 32px; }
.full-width-row p { font-size: 16px; }
.request-quote-btn { padding: 12px 30px;font-size: 18px; }
.full-width-row { padding: 30px 0px; }
.hoops_frame .hoops_content{width: 695px;}
}
@media(max-width:575px){ 
.social-media-contacts .phone { position: absolute;top: 24px;right: 10px; }
}
@media(max-width:479px){
/* home banner */
.banner-grid { grid-template-columns: 100%; }
.site-main-banner .banner-slider .carousel-item h2, h2, h2 a { font-size: 22px; }
.site-main-banner .banner-slider .carousel-item p { font-size: 14px; }
.carousel-indicators { transform: translate(30px, 40px); }
.office-addresses figure img { max-width: 230px; }
/* Header */
.header-social-contacts .header-login ul li:not(:last-child) { margin-right: 10px; }
.header-social-contacts .header-login a.button { font-size: 14px; }
.social-media-contacts .phone { position: absolute;top: 24px;right: 10px; }
.button-oil-logo { max-width: 200px; }
.button-oil-logo-wrapper { margin-bottom: 6px; }
/* About articles */
.about-articles-wrapper article figure img { max-height: 150px; }
h3, h3 a { font-size: 24px; }
/* contact us to learn */
.contact-us-to-learn .what-makes-auto-typing h2 { font-size: 28px; }
/*** ***/
.download{margin-left: 0!important;margin-top: 10px;}
.about-articles-wrapper article .articles-description { padding: 26px 30px 10px 32px; }
/* Timeline */
.timeline .default-line,.timeline .draw-line{left: 4%!important;}
.timeline-row:nth-child(even) .timeline-content:before, .timeline-row .timeline-content:before{left: -70px!important;}
.timeline{padding: 10px 0px!important;}
.timeline-row:nth-child(even) .timeline-content:before, .timeline-row .timeline-content:before{left: -80px!important;}

button, .button, input[type="submit"]{padding: 10px 20px;}
.timeline .default-line{height: 95%;}
.request-quote-btn { padding: 10px 16px;font-size: 16px; }
.request-quote-btn span { font-size: 20px;margin-left: 10px; }
.Download_Page{padding: 14px 20px ;}
.header-login ul li{margin-right: 11px !important;}
}

@media(max-width:375px){
    .header-login ul li{margin-right: 18px !important;}
    .timeline-row:nth-child(even) .timeline-content:before, .timeline-row .timeline-content:before {left: -80px!important;}
    .timeline .default-line, .timeline .draw-line {  left: 5%!important;}
    .Download_Page{padding: 14px 13px;font-size: 14px;}
    .header-login ul li a{padding: 9px !important;}
    /* Sub Header */
    .subheader a h5.sub_heading{font-size: 16px;}
}

.privacy_policy h2{color: #007A33;font-weight: 500;}
.privacy_policy .fa-caret-right{color: #202020;font-size: 18px;}
.border_style ul { padding-left: 40px;}
.accordions[aria-expanded="true"] h3 i{transform: rotate(90deg);transition: 0.45s;}

.history-articles .button_oil{display: none;}
.history-articles:hover .button_oil{display: inline-block;}
.history-articles:hover .button_energy{display: none;}
.breadcrumb_bg ul{flex-wrap: wrap;display: flex;}

.history_year{font-size: 26px; font-weight: 400; color: #4d4d4d; opacity: .7; margin-bottom: 6px;display: none;}
.form-check-input:focus{border-color: none!important;}
.heating-oil-wrapper, .propane-wrapper { display: none; }
#primary-menu .dropdown.service-area ul {max-height: 350px;overflow-y: scroll;}
.navbar>ul>li { padding: 10px 0 10px 20px; }