.blogPageHeader {
    position: relative;
    background: url(../media/blog-img/blog-header-bg.jpg) bottom center no-repeat;
    background-size: cover;
    padding: 130px 0 60px;
    margin: 0;
    border: none;
    color: #fff;
    text-align: center;
}

.blogPageHeader2 {
    position: relative;
    background: url(../media/blog-img/digitally-elevate-blog-header-img.jpg) bottom center no-repeat;
    background-size: cover;
    padding: 130px 0 60px;
    margin: 0;
    border: none;
    color: #fff;
    text-align: center;
}


.blogPageHeader3 {
    position: relative;
    background: url(../media/blog-img/header-milwaukee-tool.jpg) bottom center no-repeat;
    background-size: cover;
    padding: 155px 0 60px;
    margin: 0;
    border: none;
    color: #fff;
    text-align: center;
}

.blogPageHeader4 {
    position: relative;
    background: url(../media/blog-img/eaton.png) bottom center no-repeat;
    background-size: 100%;
    padding: 215px 0 60px;
    margin: 0;
    border: none;
    color: #fff;
    text-align: center;
}

.blogPageList {
    position: relative;
    background: url(../media/blog-img/blog-list-bg.jpg) bottom center no-repeat;
    background-size: cover;
    padding: 130px 0 60px;
    margin: 0;
    border: none;
    color: #fff;
    text-align: center;
    background-position: 100% !important;
}

.blogsHeadTitle {
    padding: 50px 0;
}

    .blogsHeadTitle h1 {
        font-size: 38px;
    }

    .blogsHeadTitle h2 {
        font-size: 22px !important;
        font-family: inherit;
        line-height: 33px;
        letter-spacing: 0.5px;
    }


.blogsHeadTitle2 {
    padding: 100px 0;
}

    .blogsHeadTitle2 h1 {
        font-size: 38px;
        font-size: 60px;
        letter-spacing: 0.8px;
    }


.socialMediaShareSec {
    padding: 25px 0;
    background-color: #f7f6f6;
    /*border-bottom: 5px solid #eaeaea;*/
    border-bottom: 1px solid #d4d4d4;
}

    .socialMediaShareSec .socialLinkPart {
        width: 60%;
        display: table;
        margin: 0 auto;
    }

    .socialMediaShareSec ul {
        list-style-type: none;
        padding: 0;
        margin: 0 auto;
        display: table;
    }

        .socialMediaShareSec ul li {
            display: inline-block;
            margin: 0px 40px;
        }


.mainContentSec {
    padding: 40px 0;
}

    .mainContentSec .contentPart h4 {
        font-size: 22px;
        line-height: 30px;
        text-align: left;
        font-family: inherit;
        text-align: justify;
        font-family: 600px;
    }

    .mainContentSec .contentPart h3 {
        font-size: 22px;
        line-height: 30px;
        text-align: left;
        font-family: inherit;
        text-align: justify;
        font-weight: 600;
        color: #00AEEF;
    }


    .mainContentSec .contentPart p {
        font-size: 20px;
        line-height: 33px;
        font-weight: 400;
        color: #333333;
        text-align: justify;
        font-family: inherit;
    }

    .mainContentSec .contentPart ul {
        list-style-type: none;
        margin: 0;
        padding: 20px 0 30px 50px;
    }

        .mainContentSec .contentPart ul li {
            font-size: 20px;
            line-height: 33px;
            font-weight: 400;
            color: #333333;
            text-align: left;
            font-family: inherit;
        }

    .mainContentSec .formPart {
        background-color: #00C0E2;
        padding: 30px 20px;
    }

.breadcrumbPart {
    padding: 10px 20px;
    background-color: #eaeaea;
    margin-top: 50px;
}

    .breadcrumbPart h4 {
        color: #3e4f59;
        font-size: 22px;
        line-height: 30px;
        text-align: center;
        font-family: inherit;
        color: #3e4f59;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .breadcrumbPart ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .breadcrumbPart ul li {
            font-size: 14px;
            margin-bottom: 10px;
        }

.blogsImg {
    width: 80%;
    padding: 30px 0;
}



/***********Blog List***********/

.dryageFilterSec {
    padding: 20px 0;
    background-color: #f7f7f7;
    /*border-bottom: 5px solid #eaeaea;*/
    border-bottom: 1px solid #d4d4d4;
}

    .dryageFilterSec h3 {
        margin: 0;
        color: #333333;
        font-size: 30px;
    }

    .dryageFilterSec .filterBtn {
        padding: 5px 30px;
        background-color: #00C0E2;
        color: #ffffff;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 1px;
        float: right;
    }

        .dryageFilterSec .filterBtn:hover {
            background-color: #3E4F59;
        }

.leftNavPart {
    background-color: #00C0E2;
    padding: 20px 0px;
}

    .leftNavPart ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .leftNavPart ul li {
            margin: 10px 0;
        }

            .leftNavPart ul li a {
                color: #fff;
                color: #fff;
                font-size: 18px;
                font-weight: 600;
                letter-spacing: 0.3px;
                padding: 8px 0 8px 15px;
                display: block;
            }

                .leftNavPart ul li a.active {
                    background-color: #F1F1F2;
                    color: #333;
                    border-left: 5px solid #3E4F59;
                }

                .leftNavPart ul li a:hover {
                    background-color: #F1F1F2;
                    color: #333;
                    border-left: 5px solid #3E4F59;
                }

 .blogsInnerBox
 {
     padding: 20px;
     box-shadow: rgb(0 0 0 / 25%) 0px 0.0625em 0.0625em, rgb(0 0 0 / 25%) 0px 0.125em 0.5em, rgb(255 255 255 / 10%) 0px 0px 0px 1px inset;

 }

 .mainBlogsBoxSec
 {
     margin-left: 30px;
 }

.blogsInnerBox h3 {
    margin: 0;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.blogsInnerBox p {
    margin: 0;
    padding: 0 15px;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.blogsInnerBox .readMoreBtn
{
    padding: 9px 17px;
    background-color: #3E4F59;
    border: 2px solid #3E4F59;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    margin: 25px auto 0px auto;
    display: table;
}

.blogsInnerBox .readMoreBtn:hover
{
    border: 2px solid #3E4F59;
    background-color: transparent;
    color: #333;
}

.subscribeSection
{
    background-color: #AFEBF5;
    padding: 30px 50px;
}

.subscribeSection h2
{
  color: #333;
}

.subscribeSection h4
{
    font-size: 15px;
    font-weight: 500;
    color: #333;
}


.subscribeInputBox
{
    margin-top: 20px;
}

.subscribeInputBox .home-subscribe-form-button .my-btn-primary
{
    font-size: 10px;
    font-weight: 700;
    font-family: Montserrat;
    background-color: #3E4F59;
    border: 1px solid #3E4F59;
}

.paginationSec
{
    padding: 30px 0;
}

.paginationSec .pagination>li:last-child>a, .pagination>li:last-child>span
{
   border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.paginationSec .pagination>li:first-child>a, .pagination>li:first-child>span
{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.filterByPart
{
    display: inline-flex;
}

.filterByPart  ul
{
   list-style: none;
   padding: 0;
   margin: 0;
}

.filterByPart  ul li
{
    display: inline-block;
}

.filterByPart .inputField {
    padding: 4px 10px;
    height: 38px;
    border-radius: 0px;
    box-shadow: none;
    width: 215px;
    margin-left: 20px;
    background-color: #ffffff;
    border: 1px solid #ccc;
}

.filterByPart .inputField:focus{
  border: 1px solid #00C0E2;
}


/******Media Queries*****/

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


    /*******Responsive Blogs  *******/
    .blogsHeadTitle h1 {
        font-size: 30px !important;
        line-height: 38px;
    }

    .blogsHeadTitle h2 {
        font-size: 14px !important;
        line-height: 24px;
    }

    .socialMediaShareSec .socialLinkPart {
        width: 100% !important;
    }

    .socialMediaShareSec ul li {
        display: inline-block;
        margin: 0px !important;
        padding: 0 10px;
    }

    .blogsImg {
        width: 100% !important;
    }

    .mainContentSec .contentPart h3 {
        text-align: left !important;
    }

    .mainContentSec .contentPart ul {
        padding: 30px 0 30px 0px !important;
    }

    .dryageFilterSec h3
    {
        text-align: center;
        margin-bottom: 20px;
        font-size: 21px;
    }

    .blogsHeadTitle2 h1
    {
        font-size: 40px;
       letter-spacing: 0.8px;
    }

    .filterByPart .inputField
    {
        margin-bottom: 10px;
    }

    .mainBlogsBoxSec
    {
        margin: 30px 0;
    }

    .blogsInnerBox
    {
      margin-bottom: 35px;
    }

    .subscribeSection
    {
        padding: 30px 8px;
    }
}
.blogsConInnerDiv
 {
     height: 385px;
 }

.statCountNumberPlus
{
    float: left;
    margin-top: 7px;
    color: #00c0e2;
    font-size: 14px;
}