@media only screen and (min-width: 1280px) {
    .top-mobile-menu-click  , span.top-right-menu-close , span.sub-menu-icon{
        display: none!important;
    }
    
    .page-template-template-fullwidth-page .container-padding , .page-template-template-fullwidth-page  .vc_column_container>.vc_column-inner{
        padding: 0!important;
    }
}


@media only screen and (max-width: 1279px) {
    .top-right-wrap .menu-top-right-menu-container ul#menu-top-right-menu a {
        color: #fff!important; float: left;
    }
   
    .zolo-container, body.boxed_layout .layout_design {
        max-width:90%!important;
    }
    .top-right-menu-wrap {
        display: none!important;
        position: fixed;
        left: 0px;
        top: 0;
        width: 100%;
        height: 100%;
       
    }
    .top-right-icons {
        padding-top: 16px;
        z-index: 1;
        position: relative;
    }
    .top-right-menu-wrap.active{
        display: block!important;
    }
    .top-right-icons .wpb_wrapper img {
        height: 30px;
        width: auto;
        display: block;
        max-width: none;
    }
    
    section.vc_section.header-top {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .top-right-wrap .wpb_column.vc_column_container.vc_col-sm-9 {
        position: relative;
        z-index: 9;
    }
   
    .top-right-menu-wrap  ul {
        display: flex;
        margin: 0px!important;
        justify-content: flex-end;
        padding-right: 0px;
        flex-direction: column;
        position: relative;
        
    }
    .top-right-menu-wrap .widget.widget_nav_menu {
        display: flex;
        position: relative;
        padding: 0px;
        margin: 0px;
        width: 100%;
        height: 100vh;
        box-shadow: #2a5a90 0px 7px 36px 13px;
        background: #2a5a90;
        align-items: center;
        justify-content: center;
    }
    .top-right-menu-wrap .widget.widget_nav_menu:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 100%;
        background: #ffffffad;
    }
   .top-right-menu-wrap ul ul {
        background-color: transparent;
        position: relative;
        top: auto;
        display: none;
        width: 100% !important;
        border: none;
        float: none;
    }
    .top-right-menu-wrap ul li a {
        padding: 0!important;
        font-size: 22px;
        color: #fff !important;
        display: block;
        float: left;
    }
    .top-right-menu-wrap ul.sub-menu ul.sub-menu li a:hover, .top-right-menu-wrap ul.sub-menu > li > a:hover, .top-right-menu-wrap ul.sub-menu li.current_page_parent >  a, .top-right-menu-wrap ul.sub-menu ul.sub-menu li.current_page_item  a {
        background: transparent;
        color: #fff !important;
    }
    .top-right-menu-wrap ul.sub-menu li.menu-item-has-children > a::after{
        display: none;
    }
    .top-right-menu-wrap ul ul li a {
        padding: 0px;
        background:transparent;
        display: block;
        border-bottom: none;
         max-width: 90%;
    }
    
    .top-right-menu-wrap ul ul ul li a {
      
        padding: 0px!important;
        
        font-size: 15px!important;
    }
    .top-right-menu-wrap ul ul ul ul li a {
        padding-left: 35px!important;
        font-size: 13px!important;
    }
    .top-right-menu-wrap  span.sub-menu-icon {
        position: absolute;
        right: 0px;
        font-size: 15px;
        top: 0px;
        color: #fff!important;
        height: 40px;
        display: flex;
        align-items: center;
        /* padding: 33px 0; */
    }
    .top-right-menu-wrap  span.sub-menu-icon .fa-angle-down:before {
        content: "";
        font-family: 'dashicons';
    }
    .top-right-menu-wrap  .wpb_content_element ol, .top-right-menu-wrap .wpb_content_element ul {
        float: none;
        margin-left: 0px;
        width: 100%;
    }
    
    .top-right-menu-wrap  ul > li {
        position: relative;
        border-bottom: #ccc solid thin;        padding: 6px 0;
    }
    .top-right-menu-wrap ul > li li {
       
        width: 100%;
        clear: both;
        overflow: hidden;
    }
    .top-right-menu-wrap li.menu-item-has-children.active > span.sub-menu-icon {
        transform: rotate(180deg);
       
    }
    .top-right-menu-wrap  li a{
        border: none!important;
    }
    body.overflow-hidden {
        overflow: hidden!important;
        height: 100%;
    }
    span.top-right-menu-close {
        position: absolute;
        right: 20px;
        top: 16px;
        font-size: 30px;
        z-index: 99;
    }   
    .top-right-menu-wrap .widget.widget_nav_menu .menu-top-right-menu-container {
        width: 70%;
        min-width: 300px;
    }
    .top-right-menu-wrap .widget.widget_nav_menu .menu-top-right-menu-container ul {
        padding: 0px; clear: both;
    }
     .representative-column {
        width: 50%;
      
    }

    .representative-column .zolo_blog_detail {
        display: block;
    }
     .representative-column  .zolo_blog_excerpt {
        float: none!important;
        text-align: center!important;
    }
     .representative-row  .zolo_blog_box:after{
        display: block!important;
    }
    .representative-column .zolo_blog_box .zolo_blog_detail p, .representative-column .zolo_blog_box .zolo_blog_detail p a {
        font-size: 15px;
        color: #fff;
        line-height: 19px;
    }

    .brand-column-row .vc_col-sm-3 {
        width: 50%!important; margin-bottom: 20px!important;
    }
    .wpb_column.vc_column_container.brand-column-row {
        flex-wrap: wrap;
    }
    .top-right-wrap .wpb_column.vc_column_container.vc_col-sm-8.vc_col-xs-3 {
       
        z-index: 9;
    }
    .zolo_logo_element_content.zolo_themeoption_logo_image.site-logo{
        float: none;
    }
    .container_padding_top, .container-padding {
        padding-top: 0px!important;
    }
     .top-right-wrap .wpb_column.vc_column_container.vc_col-sm-8.vc_col-xs-3 {
        width: 0px!important;
    }
    .top-right-icons {
        max-width: none;
        width: 100%;
    }
      
    .top-right-icons{
        padding-top: 5px;
    }
    .top-right-icons .wpb_wrapper {
        column-gap: 28px;
        display: flex;
        justify-content: flex-end!important;
    }
    .site-logo img {
        max-width: 95px!important;
        max-height: none!important;
    }

   
    .top-mobile-menu-click {
        position: relative!important;
        bottom: 0px!important;
    }
    .logo-box {
        padding: 10px 0 0px 0!important;
    }
    .related-product-info-box .vc_row.wpb_row.vc_inner {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .related-product-info-box .zolo_imagebox_new_wrapper {
        padding: 20px 0px!important;
    }
    
    .top-right-menu-wrap ul.sub-menu ul.sub-menu {
        position: relative;
        top: 0;
        left: 0px;
        margin-left: 0;
        margin-top: 0;
        background: transparent!important;
        min-width: 180px;
        border: none;
        box-shadow: none;
        z-index: 9999;
        display: none;
    }
    .mega-menu-wrap .mega-sub-menu .mega-tab-right.tab-right .mega-sub-menu li a {
        border-bottom: none!important;
        padding-bottom: 0px!important;
    }
    
}

@media only screen and (min-width: 768px) {
     .page-template-template-fullwidth-page .container-padding, .page-template-template-fullwidth-page .vc_column_container > .vc_column-inner {
        padding: 0px !important;
    }
}
@media only screen and (max-width: 979px) {
    .inner-footer-row .wpb_column.vc_column_container.vc_col-sm-6 {
        width: 100%;
        margin-bottom: 40px;
    }
    .job-opening-filter-post .search-filter-results .aol-archive.aol-wrapper .aol-ad-inner-wrapper {
        padding: 25px 25px;
       
    }
}
@media only screen and (max-width: 767px) {
    .site-logo img {
        max-width: 100%!important;
        max-height: none!important;
    }
    .top-right-menu-wrap .widget.widget_nav_menu {
       
        width: 85%;
       
    }
    .zolo-container {
        max-width: 440px!important;
        padding: 0 20px;
    }
   
    .heading-css  h2.zolo-title {
        font-size: 35px;
       
    }
    .full-width-content p, .full-width-content h5, .full-width-content h6 {
        font-size: 18px;    line-height: 23px;
      
    }
    .full-width-content-left .wpb_wrapper {
        padding: 20px 20px 20px 15px;
        max-width: 80%;
    }
    .footer-section .zolo-title span {
        font-size: 35px;
        line-height: 45px;
    }
    .full-width-content-right .wpb_wrapper{
        max-width: 80%;     padding: 20px 15px 20px 35px;
    }
    .footer-energy-logo img {
        
        margin-bottom: 35px;
    }
    .brand-column-row .wpb_column.vc_column_container > .vc_column-inner > .wpb_wrapper {
       
        margin-bottom: 20px;
    }
    .container_padding_left_right, .container-padding {
        padding-left: 15px;
        padding-right: 15px;
    }
    .zolo_blog_slider_area .owl-carousel {
       
        padding: 0 15px;
    }
    .zolo_blog_slider_area .owl-carousel .owl-nav .owl-prev {
        left: -14px;
    }
    .zolo_blog_slider_area .owl-carousel .owl-nav .owl-next {
       
        right: -14px;
    }
    .top-right-icons .wpb_wrapper img {
        height: 30px;
       
    }
    .top-mobile-menu-click i {
        font-size: 22px!important;
    }
    .representative-column {
        width: 100%;
      
    }
    .zolo_blog_modern_img_wrap {
        height: auto;
    }
     .brand-column-row .vc_col-sm-3 {
        width: 100%!important;
    }
   
    span.title_text {
        font-size: 22px!important;
        line-height: 36px!important;
    }
    h1 span.title_text {
        font-size: 42px!important;
        line-height: 47px!important;
    }
   
    .left-right-content.wpb_row.vc_inner.vc_row {
        padding: 30px!important;
    }
   
   .top-right-icons .wpb_wrapper {
        column-gap: 11px;
    }
    .full-width-image-section {
        margin-bottom: 30px!important;
    }
    .full-width-image-section img {
        margin-top: 21px;
    }
    .left-right-content.wpb_row.vc_inner.vc_row .vc_column-inner {
            padding-left: 0px!important;
            padding-right: 0px!important;
    }
    .inner-footer-row h4.zolo-title {
        text-align: center;
    }
    .job-opening-filter-post .search-filter-results .aol-archive.aol-wrapper {
      
        width: 100%;
    }
    .action-btn-with-img .zolo_imagebox_new_box {
        overflow: hidden;
        display: flex!important;
        align-items: center;
    }
    
     .related-product-info-box .vc_column_container>.vc_column-inner {
        
        padding-left: 0;
        padding-right: 0;
      
    }
    .looking-trend-section .vc_column-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
    .looking-trend-section  .zolo_gradient_icon_box_element .zolo_gradient_icon_wrap {
        float: none!important;
        width: 100%;
    }
    .looking-trend-section  .zolo_gradient_icon_alignment_right  .zolo_gradient_icon.icon_style_image {
        padding-left: 0px!important;
        padding-right: 0px!important;
        text-align: left;
    }
   .looking-trend-section  .zolo_gradient_icon_box_element.zolo_gradient_icon_alignment_top_right, .looking-trend-section .zolo_gradient_icon_box_element.zolo_gradient_icon_alignment_right {
        text-align: left;
    }
    #indus_row2 .zolo-container.zolo_vc_container  , #indus_row2 .zolo-container.zolo_vc_container .layer.vc_column-inner{
        padding-left: 0px;
        padding-right: 0px;
    }
}