/*
=================================
|***    Table of contents:   ***|
=================================

Main Style file-> assets/css/main.css 

All the SCSS File in SCSS Folder of Assets Folder. You can read the doc file also for better understand.

// BASIC
@import 'basic';

// MIXIN
@import 'variables';

// TYPOGRAPHY
@import 'typography';

// MIX
@import 'mix';

// HELPER
@import 'helper';

// ICON FONTS
@import 'icon';

// ANIMATION
@import 'animation';

// Button 
@import 'btn';

// Colors 
@import 'colors';

// Preloader 
@import 'preloader';

/* ----------------------------------
    Template Section Styles
 ------------------------------------*/

 /* // Menu - Header Section 
 @import 'header';
 
 // Hero Slide - Section 
 @import 'hero';
 
 // Section Title - Heading 
 @import 'section';
 
 // About - Section 
 @import 'about';
 
 // Features - Section 
 @import 'features';
 
 // services - Section 
 @import 'services';
 
 // testimonial - Section 
 @import 'testimonial';
 
 // Portfolio - Cases - Section 
 @import 'project';
 
 // Price Table - Section 
 @import 'price';
 
 // Call To Action - Section 
 @import 'cta';
 
 // Content Block - Section 
 @import 'contentblock';
 
 // team - Section 
 @import 'team';
 
 // funfact - Section 
 @import 'funfact';
 
 // Download - Section 
 @import 'carousel';
 
 // FAQ - Section 
 @import 'faq';
 
 // Blog - Section 
 @import 'blog';
 
 // Contact Us - Section 
 @import 'contact';
 
 // footer - Section 
 @import 'footer';n facts */




.home-page-header{
    height: 100px;
}

.header-1 .header-right .header__hamburger .sidebar__toggle .bar-icon {
    background-color: var(--theme);
    padding: 20px;
    width: 67px;
    height: 100px;
    line-height: 98px;
}


.header-logo {
    top: 5px !important;
    bottom: 5px;
}


@media screen and (min-width: 992px) {
h1.wow.fadeInUp {
    margin-left: 230px;
    padding-top: 4%;
    font-size: 50px;
}
}



@media (max-width: 767px) {
div.dataTables_paginate {
    /* float: right; */
    /* margin: 30px 0 0; */
    width: 100%;
    display: flex;
    justify-content: center;
}
}

@media (max-width: 767px) {
    .section-padding {
        padding: 18px 0 !important;
        overflow: auto;
    }
}
@media (max-width: 767px) {
    .section-padding {
        padding: 30px 0 !important;
        overflow: auto;
    }


    .showList{

          display: 'flex';
      flex-direction: 'row';
    }

    div.dataTables_length label {
    margin-bottom: 20px;
    font-weight: normal;
    float: left;
    text-align: left;
    color: #000;
    display: flex;
    flex-direction: row;
    align-items: center;
    /* width: 100%; */
}

div.dataTables_filter label {
    font-weight: normal;
    float: right;
    color: #000;
    margin-bottom: 15px;
}
}