#wachat a {
    position: fixed;
    z-index: 9999;
    right: 0;
    float: right;
    top: 30%;
    margin-top: -25px;
    cursor: pointer;
    min-width: 45px;
    max-width: 45px;
    color: #fff;
    text-align: center;
    margin: 0px;
    -webkit-transition: All .5s ease;
    -moz-transition: All .5s ease;
    -o-transition: All .5s ease;
    -ms-transition: All .5s ease;
    transition: All .5s ease;

    
    cursor: pointer;
    user-select: none;
    line-height: 1;
    /*overflow: hidden;*/
    min-width: 40px;
    max-width: 350px;
    bottom: 15px !important;
    top: auto !important;
    border-radius: 50%;
    right: 15px;
    -webkit-animation-name: ok_bounceInUp;
    animation-name: ok_bounceInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#wachat a img {
    padding: 0px;
    height: 50px;
    width: 50px;
    background: rgba(0, 0, 0, 0);
}

#wachat a:before {
    transition: opacity .5s ease;
    content: "";
    background-color: rgba(0, 0, 0, .05);
    width: 45px;
    position: absolute;
    left: 2px;
    bottom: 2px;
    height: 45px;
    z-index: 1;
    opacity: 0;
    border-radius: 50px;
}

#wachat a:after {
    display: block;
    border-width: 1px;
    border-style: solid;
    border-radius: 55px;
    height: 40px;
    width: 40px;
    content: "";
    -webkit-animation: ok_widgetPulse infinite 1.5s;
    animation: ok_widgetPulse infinite 1.5s;
    position: absolute;
    top: 5px;
    left: 5px;
    border-color: #0dc152;
}

@-webkit-keyframes ok_widgetPulse {
    0% {
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0
    }
}

@keyframes ok_widgetPulse {
    0% {
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0
    }
}


.wpcf7 .ajax-loader{display:none!important}

@media (min-width: 1100px){
.container {
    max-width: calc(100% - 80px);
}
.section_features{position: relative;}
.section_features .row .col-md-6 img{position: sticky; top: 90px;}

}
@media (min-width: 2000px){
    .container {
        max-width:1900px;
    }
}

@media only screen and (min-width: 780px){
    .for_mobile {
        display: none!important;
    }
    .section_inside_page .col-md-6:first-child, .our_projects_section_latest .col-md-6:first-child {padding-right: 30px;}
    .section_inside_page .col-md-6:last-child, .our_projects_section_latest .col-md-6:last-child{padding-left: 30px;}
    .section_list_section .row:not(.flex-md-row-reverse) .col-md-6:first-child{padding-right: 40px;}
    .section_list_section .row:not(.flex-md-row-reverse) .col-md-6:last-child{padding-left: 40px;}

    .section_list_section .row.flex-md-row-reverse .col-md-6:first-child{padding-left:40px;}
    .section_list_section .row.flex-md-row-reverse .col-md-6:last-child{padding-right: 40px;}

     .our_values_list_section .col-md-6:first-child{padding-right: 0px;}
     .our_values_list_section .col-md-6:last-child{padding-left: 0px;}
    .row_mg_top{margin-top: 150px;}
    .contactus_section h1{margin-bottom: 60px;}
    .blog_list_popup{padding: 20px; display: block; margin-bottom: 30px;}
    .our_blog_related a{padding: 0;}
    .our_blog_related img{margin-bottom: 0;}
.our_blog_related .blog_list_popup h2{margin-bottom: 0; font-size:18px;}
.about_us_section .col-md-6:last-child{padding-right: 40px;}
.our_blog_details_section .wp-block-image{display: inline-block; margin-bottom:20px; vertical-align: top; width: 46%; margin-right: 3%;}
.our_blog_details_section .wp-block-image:first-child{width: 100%; margin-right: 0;}
nav.collapse {
    display: inline-block!important;
}  
#accordion{ width:calc(100% + 68px);margin-left: -68px;}
.contact_us_address_section .row .col-md-6:first-child{padding-left: 0;}
.contact_us_address_section .row .col-md-6:last-child{padding-right: 0;}
/*.header.fixed .primary-menu-container-sticky{display: inline-block;}
.header.fixed .primary-menu-container {display: none;}*/

.section_list_content_div_slider{padding-bottom: 110px;}
.content_page_div{margin-bottom: 150px;}

.section_list_section_slider_page_60 h2.title_heading,
.section_list_section_slider_page_864 h2.title_heading,
.section_list_section_slider_page_384 h2.title_heading{margin-top: 80px;}
.section_list_section_slider_page_60 .owl-carousel .owl-nav button.owl-next, .section_list_section_slider_page_60 .owl-carousel .owl-nav button.owl-prev,
.section_list_section_slider_page_864 .owl-carousel .owl-nav button.owl-next, .section_list_section_slider_page_864 .owl-carousel .owl-nav button.owl-prev,
.section_list_section_slider_page_384 .owl-carousel .owl-nav button.owl-next, .section_list_section_slider_page_384 .owl-carousel .owl-nav button.owl-prev{
    bottom: auto; top: 50%;
    left: calc(50% - 90px);
  } 
  .section_list_section_slider_page_384 .owl-carousel .owl-nav button.owl-prev,
  .section_list_section_slider_page_864 .owl-carousel .owl-nav button.owl-prev,
  .section_list_section_slider_page_60 .owl-carousel .owl-nav button.owl-prev{
    left: 14px;
  }
  .page-id-867 .section_list_content_div_slider h4:first-child,
  .page-id-300 .section_list_content_div_slider h4:first-child {
    margin-bottom: 20px;
    margin-top: 40px;
}
.page-id-356 .section_list_sectionbg_1,
.page-id-235 .section_list_sectionbg_1{padding: 0;}
.page-id-356 .section_list_sectionbg_1::after, .page-id-356 .section_list_sectionbg_1 .container::after,
.page-id-235 .section_list_sectionbg_1::after, .page-id-235 .section_list_sectionbg_1 .container::after{display: none;}
.page-id-235 .section_list_sectionbg_1 .row, .page-id-356 .section_list_sectionbg_1 .row{flex-direction: row-reverse;}
.page-id-235 .section_list_sectionbg_1 .section_list_content_div, .page-id-356 .section_list_sectionbg_1 .section_list_content_div {
  padding-right: 50px; padding-left: 0;
}
.header.fixed #primary-menu-list li.lang-item{margin-top: -9px;}

.home_slider_div .slider_content .col-md-5{padding-right: 100px;}

.product_section_home{padding: 450px 0 100px;}
.services_section_home{padding: 350px 0 150px;}
.page_marine_fuel_section_list.image_have_no {padding-top:450px;}

.home_slider_div .slider_content {    
    top: 50%;
    /* display: flex; */
    width: 100%;
    bottom: auto;    
    -webkit-transform: translate3d(-0%, -50%, 0)!important;
    -ms-transform: translate3d(-0%, -50%, 0)!important;
    -o-transform: translate3d(-0%, -50%, 0)!important;
    transform: translate3d(-0%, -50%, 0)!important;
}
}
@media only screen and (max-width: 1400px){   
    .our_projects_related .img_pro {
        max-height: 500px;
    }
    .slider_home{height: auto;}
    .slider_home video{position: relative; width: 100%;}
    .page_header_top h1 {
        font-size: 60px;
    }
}
@media only screen and (min-width: 1100px){ 
    .home_slider_div .slider_content .title_heading{display: inline-block; font-size: 70px; line-height: 80px;}
    .contactus_section {
        height: 1110px;
    }

}
@media only screen and (max-width: 1100px){   
    .title_heading::before, .title_heading::after, .contact_form_div h5::after {
        width: 40px;
        margin: 0 10px;
    }

    .title_heading_small {
        font-size: 18px;margin-bottom: 6px;
    }
    .title_heading, .page_header_top h1, .slider_content .title_heading, .h2, h2, .contact_form_div .title_heading {
        font-size: 25px;
        line-height: 30px;        
    }
  /*  .owl-carousel .owl-nav button.owl-prev{left: -45px;}
    .owl-carousel .owl-nav button.owl-next{right: -45px;}*/
    .slider_content_img .col-md-4{max-width: 33.333333%;}

    #primary-menu-list li {
        margin: 8px 8px 0;
    }
    .home_icon_links{font-size: 20px; line-height: 24px;}
    body:not(.home) .home_icon_links{text-align: center;}
    body:not(.home) .home_icon_links span{width: 100%; margin-top: 15px;}
    .page_marine_fuel .home_icon_links{border-radius: 50px}
    .product_section_home  .col-md-9 .col-md-6{max-width: 100%; flex: 0 0 100%;} 
 .marine_fuel_and_bunkering_section_home  .col-md-3, footer .col-md-3{max-width: 50%; flex: 0 0 50%;} 
}

@media only screen and (max-width: 780px){

    .video_area_bg video,
    .for_desktop, .marine_fuel_links_top  {
        display: none!important;
    }  
    body{font-size: 14px;padding-top: 0px; line-height: 24px;}
    .header{padding: 10px 0; top: 15px;}
    .header .logo{margin-left: 15px;}
    .header.fixed {
        padding: 5px 0;    height: 43px;
    }
    .logo, .header.fixed .logo, .header.fixed .logo img{height: 30px; float: left;} 
    p{margin-bottom: 20px;line-height: 24px;} 
    p:last-child{margin-bottom: 0;}
    .logo img {
        width: auto;
        display: block;
        height: 100%;
    }
    .col-md-sticky_h{display: none!important;}
    .navbar-toggler{position: absolute; right: 0px; top: -19px;padding: 0; width: 34px;}
    .header.fixed .navbar-toggler{top: 2px;    top: -36px;top: -18px;}
    .primary-menu-container {height: 100vh;        padding-top: 35%;}
    .header .col-md-3{max-width: 25%;}
    .header .col-md-9{max-width: 75%;}
    .header.fixed .logo_sticky{height: 40px;}
    .slider_home{height: auto;}
    .slider_home video{position: relative;}
    .page_marine_fuel_section_list,
    section, .careers_section_home{padding: 15px 0;}
    .page_header_top {
        padding-top: 200px;
    }
    .about_us_section img{margin-bottom: 20px;}
    .col-our_regenerative h4, .our_specialist_home_list h3, .our_values_list h4, .section_our_specialist_content h3{font-size: 20px; min-height: auto; margin-bottom: 10px;}
    .col-our_regenerative p{min-height: auto;}
    #owl-our_regenerative .owl-dots {
        bottom: -55px;
    }
    .owl-dots{bottom: -48px;}
    .owl-carousel button.owl-dot {
        width: 25px;
    }
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{bottom: -54px; background-size: 15px auto;}
    .our_regenerative_section .owl-carousel button.owl-dot, .section_list_section_slider .owl-carousel button.owl-dot{width: 50px;}
    .col-our_regenerative{padding: 0 15px;}
    .our_specialist_home_list{width: 100%; height: 60px;}
    .our_specialist_home_list.active {width: 100%; height: auto;}
    .our_specialist_home_list  .fill_img_o img{transform: translate(-0%, -50%);}
    .our_specialist_home_list.active .col-md-6{width: 100%; max-width: 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
    .our_specialist_home_list.active  .fill_img_o img{transform: translate(-0%, -0%);-ms-flex: 0 0 50%;
    flex: 0 0 100%;}
    .our_specialist_home_list .row{margin: 0;}
    .our_specialist_home_list .btn_arrow_white{margin-top: 0;}

    .page-id-13 .page_header_top .title_heading_h5:after,
    .title_heading::before, .title_heading::after, .contact_form_div h5::after{width: 20px; display: none;}
    .our_specialist_home_list.active .col-md-show{padding: 20px;}

    .home_slider_div {
       overflow: hidden;
    }
    .backgroud_image_slider{
       
   
    }
    .about_us_section_home .btn_arrow, .sustainability_section_home .btn_arrow {
        margin-top: 10px;
    }
    .home_icon_links{font-size: 20px; line-height: 28px;}
    .sustainability_section_home .title_heading {
        padding-top: 100px;
        background-size: 90px auto;
    }
    
    .btn_main, .btn_arrow{padding: 6px 20px;font-size: 16px;
    }
    .projects_category_ul li a{font-size: 14px;}
    .review_div{padding: 30px; font-size: 16px;}
    .review_div::after {       
        font-size: 200px;        
        left: 20px;
        line-height: 77px;
    }
    .review_div h3 {
        font-size: 22px;
    }
    .review_div span {
        font-size: 14px;
    }
    footer {
        
    }
    .footer-menu-container {
        margin-bottom: 15px;
    }
    footer h4{margin-bottom: 10px; font-size: 20px;}
    .footer_menu{margin-bottom: 20px;}
    footer li {
        margin-bottom: 5px;
    }
    footer li a{font-size: 18px;}
    .footer_contact_details li{margin-bottom: 10px;}
    .copy_footer{margin-top: 15px; margin-bottom: 0;}
    #wachat a img{    height: 40px;        width: 40px; z-index: 1;}
    #wachat a:after{height: 30px;        width: 30px;}
    #site-navigation{position: fixed; left: 0; top: -130%; right: 0; background: var(--brown); min-height: 100vh;display: flex; align-items: center;
    margin: 0!important;
        -webkit-transition: all 1.0s ease-in-out;
        -moz-transition: all 1.0s ease-in-out;
        -o-transition: all 1.0s ease-in-out;
        -ms-transition: all 1.0s ease-in-out;
        transition: all 1.0s ease-in-out;
    }
    #site-navigation .navbar-toggler{top: 25px;color:var(--black);}
    #primary-menu-list .current_page_item > a::after{opacity: 0;}
    .header.fixed #site-navigation .navbar-toggler{top: 3px;}

    .header_black #site-navigation{background: var(--Gray);}
    .header_black #site-navigation .navbar-toggler{color: #000;}
    #primary-menu-list {margin: 0;}
    #primary-menu-list li, .header.fixed #primary-menu-list li {
        float: left;
        
        width: 100%;
        text-align: center;
        margin: 10px 0;
       /* text-align: left;
    padding-left: 15px;*/
    }
    #primary-menu-list li:nth-child(4) a, #primary-menu-list li:nth-child(5) a{margin: 0;}
    #primary-menu-list > li:nth-child(5) > a{margin-top: 15px;}

    #primary-menu-list > li > a{opacity: 0;
    filter: blur(100px);}
    #site-navigation.collapse.show  #primary-menu-list > li > a{opacity: 1; filter: blur(0px);}
    #primary-menu-list > li:nth-child(1) > a, .header.fixed #primary-menu-list > li:nth-child(1) > a {
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
    }
    #primary-menu-list > li:nth-child(2) > a, .header.fixed #primary-menu-list > li:nth-child(2) > a {
        -webkit-transition: all 1.2s ease-in-out;
        -moz-transition: all 1.2s ease-in-out;
        -o-transition: all 1.2s ease-in-out;
        -ms-transition: all 1.2s ease-in-out;
        transition: all 1.2s ease-in-out;
    }
    #primary-menu-list > li:nth-child(3) > a, .header.fixed #primary-menu-list > li:nth-child(3) > a {
        -webkit-transition: all 1.6s ease-in-out;
        -moz-transition: all 1.6s ease-in-out;
        -o-transition: all 1.6s ease-in-out;
        -ms-transition: all 1.6s ease-in-out;
        transition: all 1.6s ease-in-out;
    }
    #primary-menu-list > li:nth-child(4) > a, .header.fixed #primary-menu-list > li:nth-child(4) > a {
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        -ms-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out;
    }
    #primary-menu-list > li:nth-child(5) > a, .header.fixed #primary-menu-list > li:nth-child(5) > a {
        -webkit-transition: all 2.4s ease-in-out;
        -moz-transition: all 2.4s ease-in-out;
        -o-transition: all 2.4s ease-in-out;
        -ms-transition: all 2.4s ease-in-out;
        transition: all 2.4s ease-in-out;
    }
    #primary-menu-list > li:nth-child(6) > a, .header.fixed #primary-menu-list > li:nth-child(6) > a {
        -webkit-transition: all 2.8s ease-in-out;
        -moz-transition: all 2.8s ease-in-out;
        -o-transition: all 2.8s ease-in-out;
        -ms-transition: all 2.8s ease-in-out;
        transition: all 2.8s ease-in-out;
    }
    #primary-menu-list > li:nth-child(7) > a, .header.fixed #primary-menu-list > li:nth-child(7) > a {
        -webkit-transition: all 3.2s ease-in-out;
        -moz-transition: all 3.2s ease-in-out;
        -o-transition: all 3.2s ease-in-out;
        -ms-transition: all 3.2s ease-in-out;
        transition: all 3.2s ease-in-out;
    }
    #primary-menu-list > li:nth-child(8) > a, .header.fixed #primary-menu-list > li:nth-child(8) > a{
        -webkit-transition: all 3.6s ease-in-out;
        -moz-transition: all 3.6s ease-in-out;
        -o-transition: all 3.6s ease-in-out;
        -ms-transition: all 3.6s ease-in-out;
        transition: all 3.6s ease-in-out;
    }

    #primary-menu-list li a{font-size: 18px;display: inline-block; padding: 6px 20px;}
    #primary-menu-list .menu-item-has-children > a::before{opacity: 0;bottom: auto; top: 1px; width: 20px; right: -20px; left: auto;}
    #primary-menu-list .menu-item-has-children{position: relative;}
    #primary-menu-list .menu-item-has-children::before{opacity: 1;bottom: auto; content: ''; display: block; top: 4px; width: 24px; right: 20px; left: auto; background: url(../images/plus.svg) center no-repeat; position: absolute; height: 24px; background-size: 100% auto;}
    #site-navigation.collapse.show {
        top: 0;
    }
    .page_header_top{height: auto;}
    .page_header_top_mg {
        margin-top: 65px;
    }
    .section_inside_page_menu ul li {
        margin: 0 10px 15px;
    }
    .team_list_div img {
        margin-bottom: 10px;

    }
    .page_header_top.min_3 {
        height: auto;
    }
    .page_header_top::after, .page_header_top .container::after, .page_header_top .container::before, .owl-slider_image_outer::after{width: 100%; bottom: 0;}
    .content_page_div{min-height: auto; margin-bottom: 20px;}
    .owl-slider_image_outer{padding: 0; margin-bottom: 20px;}
    .extra_description_page {
        margin-top: 10px; padding: 0 15px;
    }
    .page_header_top h1{margin-top: 0px;}
    .our_projects_section_inside {
        padding-top: 70px;
    }
    .contactus_section .footer_contact_details li{margin-bottom: 25px;}
    .contact_form_div {
       
       margin-top: 20px;
        margin-bottom: 0px;
    }
    .projects_category_ul li a {        
        padding: 6px 20px;       
        font-size: 13px;
    }
    .our_projects_section_latest .product_list_popup {
        margin-bottom: 20px;
    }
    .blog_list_popup img {
        margin-bottom: 10px;
    }
    .our_blog_details_section h3, .blog_list_popup h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .blog_list_popup{margin-bottom: 20px; display: block;}
    .our_blog_details_section {
        font-size: 14px;
    }
    .our_blog_related .blog_list_popup .btn_main {
        position: inherit;
        bottom: 15px;
        margin-top: 15px;
    }
    .back_to_page {
        font-size: 18px;
        padding-left: 30px;
        margin-bottom: 15px;
    }

    .card-header, .card-header button{font-size: 16px;}
    .card-header button::after{top: 13px;}
    .fill_img_o{height: auto;}
    .fill_img_o img {
        flex-shrink: 0;
        min-width: 100%;
        max-width: inherit!important;
        min-height: auto;
    }
    .footer_contact_details {
        border-bottom: 0px solid #EEE1D0;
        padding-bottom: 10px;
        margin-bottom: 10px; margin-top: 15px;
    }
    .footer_contact_details li a{line-height: 40px;}
    .footer_contact_details li a svg, .footer_contact_details li a img {
        float: right;
        margin-top: 8px;
    }
    .copy_footer{padding-top: 15px;}

    .our_values_list li, .section_list_on_hover .our_values_list li{padding: 20px 0;}
    .our_values_list{margin-bottom: 20px;}
    .a_brown_underline {        
        font-size: 12px;        
        margin-top: -2px; right: 10px;
    }
    .count_section{padding-top: 0;}
    .section_list_content_div{padding-left: 0;}
    .section_list_section .icon_section{margin-bottom: 20px;}
    .section_list_section h2{margin-bottom: 15px;}
    .page_header_top_layout3 {
        padding: 30px 0;
    }
    .section_list_section_slider h4,
    .section_list_section_bg_layout h4, .extra_description_page h4, .section_table_layout h4, .section_table_layout .col-md-4 h4 {
        margin-bottom: 20px;
    }
    .section_list_section_bg_layout {
        position: relative;
        padding: 15px 0;
        margin-top: 20px;
    }
    .section_list_section_bg_layout.SWHB::after{display: none;}
    .section_list_section_bg_layout.SWHB h4 {
        margin-top: 10px;
    }
    .row_main_causes_list {
        margin-top: 30px;
    }
    .row_main_causes_list img{margin-bottom: 15px;}
    .section_list_section_bg_layout .section_list_content_div li, .row_main_causes_list li {
        background-position:  left 2px;
        padding-left: 23px;
        margin-bottom: 15px;
    }
    .main_causes_description_2 {
        position: relative;
        padding: 30px 0;
        margin-top: 10px;
    }
    .page_header_top_layout3::after, .page_header_top_layout3 .container::after, .page_header_top_layout3 .container::before, .section_list_section_bg_layout::after, .main_causes_description_2::after, .main_causes_description_2 .container::after, .contactus_section .container:after{width: 100%;}

    .section_our_specialist_content::after{left: 0;}
    .flex-md-row-reverse .section_our_specialist_content::after{right: 0;}
    .section_our_specialist_content, .flex-md-row-reverse .section_our_specialist_content{padding: 20px;}
    .contact_us_address_section img{margin-bottom: 20px;}
    .contact_us_address_section a svg {
       
        max-height: 24px;
    }
    .contactus_section .container {
        padding-top: 15px;
        padding-bottom: 0px;
        position: relative;
    }
    .contactus_section .container::before{width: 100%;}
    .contactus_section .container::after{left: 0;}
    #site-navigation .sub-menu{width: 100%;    z-index: 199998; top: -100%;}
      #site-navigation .sub-menu.open{top: 0;}
    #site-navigation .navbar-toggler{z-index: 199999;}
    #site-navigation .sub-menu li a::after {
        bottom: 18px;
        left: -6px;
    }
    #site-navigation .sub-menu li {        
        padding: 0 10px;
    }
    #site-navigation .sub-menu li a {
        font-size: 18px;
        padding: 8px 20px;
    }
    #site-navigation .sub-menu li:first-child a {
        font-size: 24px;
        margin-bottom: 20px;
    }
    #site-navigation .sub-menu::after{opacity: 0;}
    .section_list_section_slider .owl-carousel .owl-nav button.owl-next, .section_list_section_slider .owl-carousel .owl-nav button.owl-prev{}
    .menu-item-has-children.open::after, .menu-item-has-children.open::before{display: none;}
    .section_list_on_hover li:hover img {
        opacity: 0;
    }
    .section_table_layout .col-md-12{    overflow-x: scroll;}
    .section_table_layout table th, .section_table_layout table td {
        padding: 10px;
        width: 20%;
    }
    .section_table_layout table th{font-size: 16px;}
    .icon_conventional_treatment {
        min-height: auto;
        margin-bottom: 15px;
        margin-top: 30px;
    }
    .icon_conventional_treatment img{max-width: 200px!important;}
    .section_list_section_slider{padding-bottom: 62px;background: var(--Gray);margin-top: 30px; margin-top: 60px; padding-bottom: 20px;      padding-top: 20px;}
    .section_list_section_slider .owl-dots{display: none!important;}
    .section_list_section_slider .owl-carousel .owl-nav button.owl-next, .section_list_section_slider .owl-carousel .owl-nav button.owl-prev {        
        bottom: -70px;        
        width: 40px;
        height: 40px;
    }
    
    .section_list_section_slider .owl-carousel .owl-nav button.owl-next {
        left: auto;
    }
    .section_list_section_slider{overflow: visible;}
    #owl-section_list_section_slider.owl-carousel .owl-stage-outer {
        overflow: hidden;
    }
    .section_list_section_slider .container::after{opacity: 0;}

    .section_list_section_slider .owl-carousel .owl-nav button.owl-next, .section_list_section_slider .owl-carousel .owl-nav button.owl-prev {
        bottom: auto;
        top: -19px;top: -42px;
        left: auto;
        right: 0px;width: 30px;
        height: 30px;
    }
    .section_list_section_slider .owl-carousel .owl-nav button.owl-prev {
        right: 40px;
    }

    .section_list_section_slider .owl-dots {
        left: 50px;
        width: auto;
        bottom: -53px;
        right: 52px;
    }
    .contact_form_div {
        
        padding: 20px;
    }
    #owl-slider_image.owl-carousel .owl-nav button.owl-next, #owl-slider_image.owl-carousel .owl-nav button.owl-prev {
       
        width: 40px;
        height: 40px;
    }
    .section_list_section_slider img{ margin-bottom: 15px;}
    .layout_left_side_image.page_header_top .content_page_div {
        padding-left: 0;
    }
    .section_list_content_div .btn_arrow {
        margin-top: 0px;
    }
    .section_list_on_hover li img{display: none!important;}
    .btn_arrow, #primary-menu-list li.lang-item a{border-width: 1px;}

    .heading_about_row h2 {
        margin-bottom: 20px;
    }
    .page_header_heading_about{padding-bottom: 50px;}
    .page_marine_fuel .title_heading_h3{font-size: 30px;}
    
    .page_marine_fuel .home_icon_links {
        border-radius: 20px;    margin-top: 20px; font-size: 20px;
    }
    .page_marine_fuel .home_icon_links p {
       
        margin-top: 10px;
        line-height: 24px;
    }
    .contact_form_div .address{background-position: 0 -1px;}
    .contact_form_div .contact_menu_email li a{font-size: 16px; margin-bottom: 10px;}
    footer::after, #marine_fuel{    background-size: 100% auto;}
    .appstore_links img {
        max-width: 120px !important;
        width: auto;
    }
    .appstore_links li{margin-top: 5px;}
    .container_footer{padding: 20px; text-align: center; margin: 0; margin-bottom:15px;        background-size: auto 70%;
        background-position: center bottom;}
    .container_footer .text-right{text-align: center!important;}
    .footer-menu-container{margin-top: 15px;}
    .footer-menu-container li a{padding: 0 5px;}
    .footer-menu-container li{margin: 0;}
    .social_links a{margin: 5px 5px 0;padding: 3px 15px;}
 
}



@media only screen and (max-width: 700px){
    .navbar-toggler{top: -28px; right: 20px;}
    .header.fixed .navbar-toggler {       
        top: -32px;
        right: 10px;
    }
    .slider_content .title_heading{padding-bottom: 0;}
    .home_slider_div .slider_content{
        position: relative;top: 0; background: var(--brown); padding-top: 10px;
    }
    .container_footer .col-md-2, .container_footer .row > div:nth-child(2){}
    .container_footer .row > div{margin-bottom: 0px;}
    .section_list_section img{margin-bottom: 15px;}
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{width: 30px;height: 30px;}
    .owl-carousel .owl-nav button.owl-next{right: 0px;}
    .owl-carousel .owl-nav button.owl-prev{left: 0px;}
    .follow-us-footer {
        float: none;
        margin-top: 0;
    }
    .page_marine_fuel img{margin-bottom: 15px;}
    .page_marine_about {
        padding: 50px 0;
    }
    .page_marine_about::after{width: 0%;}
    .page_marine_about h2 {
        color: var(--white);
    }
    .page_marine_about .btn {
        border-color: var(--white);
        color: var(--white);
    }
    .post_content_div {
        margin-top: 50px;
    }
    .post_content_div h2 {
        margin-bottom: 30px;
        line-height: 32px;
    }
    .post_content_have {
        padding-bottom: 50px;
    }
    .marine_fuel_and_bunkering_section_home .col-md-3, footer .col-md-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .h1, h1 {
        font-size: 25px;
        line-height: 30px;
    }
    .inner-area-banner{padding: 100px 15px 30px;}
    .banner_area .pixel-box {
        position: inherit;
        right: 0;
        width: 100%;
        top: auto;
        color: #000;
        padding: 15px 0 25px;
        -webkit-transform: translate3d(0%, -0%, 0) !important;
        -ms-transform: translate3d(0%, -50%, 0)!important;
        -o-transform: translate3d(0%, -50%, 0)!important;
        transform: translate3d(0%, -0%, 0) !important;
        text-align: center;
    }
     .banner_area .pixel-box img{border-radius: 0;}
    .banner_area p {
        max-width: 100%;
    }
    .banner_area, .about_area,
    .banner_area img{border-radius: 20px;}
    .banner_area h1{color: var(--brown);}

    .about_area{padding:0px; margin: 0;   position: relative; background: var(--lightgray)!important;    min-height: auto; display: inline-block;  }
    .about_area .pixel-box, .service_providers_area .pixel-box {padding: 20px; text-align: center;}
    .section_features h2{margin-top: 15px;}
    .features_list{padding: 15px; margin-bottom: 15px;}
    .h3, h3 {
        font-size: 18px;
        line-height: 26px; color: var(--brown);
    }
    .service_providers_area{padding:0px;position: relative; background: var(--lightgray)!important;}
    .service_providers_area::after, .about_area::after{position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; display: block; background: #fff; z-index: 0; opacity: 0;}
    .service_providers_area> div, .about_area>div{position: relative; z-index: 1;}
    .section_features .pixel-box{text-align: center;}
    .service_providers_area img.for_mobile, .about_area img.for_mobile {border-radius: 20px;}
}

.for_desktop_m{}
.for_mobile_m{display: none!important;}
@media only screen and (max-width: 650px){
.for_desktop_m, .owl-dots{display: none!important;}
.for_mobile_m{display: block!important;}
.home_slider_div::after{opacity: 0;}
.backgroud_image_slider {
    position: relative;
    bottom: 0;
    top: 0;
    /* height: 100%; */
    width: 100%!important;
    max-width: inherit!important;
    left: 0%;
    opacity: 1;
}
.home_slider_div {
    padding-top: 0px;
    padding-bottom: 0;
    overflow: hidden;
}
.home_slider_div .slider_content {
    
}
.col-md-services{padding: 0; border: none;}
.careers_section_home{text-align: center;}
    .careers_section_home .btn{margin-top: 15px;}
    .col-md-mgmobile{margin-top: 15px;}

    body.page-id-15 .home_icon_links {        
        text-align: center;
    }
    body.page-id-15 .home_icon_links span {       
        margin-top: 20px;
        font-size: 30px;
    }
    body.page-id-15 .page_marine_fuel .home_icon_links p {
        font-size: 18px;
        line-height: 28px;
        margin-top: 15px;
    }
    .contact_form_ul{display: none;}
    .contact_form_div{display: inline-block!important;}
}