/* -------------------------------- 

FONT-FACE DECLARATIONS

-------------------------------- */
body {
    background: #fff;
    font-family: 'Lato', sans-serif;
}

html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button:focus {
    outline: none;
}

li {
    position: relative;
    list-style-type: none;
}

.company-app-logo {
    position: absolute;
    right: 0;
    padding: 60px 261px;
}

/**
* Core Typography
**/
h1, .h1 {
    text-align: center;
    font-size: 100px;
    line-height: normal;
    font-style: normal;
    margin: 0;
    font-weight: 700;
}

a:hover, a:focus {
    text-decoration: none;
    outline: none;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.isFloatLeft {
    float: left;
}

.isFloatRight {
    float: right;
}

.italic-span {
    font-style: italic;
    font-weight: normal;
}

.odd-col {
    margin: 0 auto;
    float: none;
}

.no-pad {
    padding: 0;
}

.art-page-header {
    background-color: #F7F7F8;
    border-bottom: solid 2px #d9d9d9;
}

#template-header {
    background-color: #F7F7F8;
}


/*---------------mid-content-------*/
.article-img {
    height: 200px;
    border-radius: 4px;
}

    .article-img.desktopimage {
        border-radius: 4px;
        max-height: 200px;
        height: 200px;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.mobileimage {
    display: none;
}

.article-Coverimg {
    height: 450px;
    border-radius: 4px;
}

    .article-Coverimg.desktopimage {
        border-radius: 4px;
        max-height: 450px;
        height: 450px;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .article-Coverimg.desktopimage img, .article-img.desktopimage img {
            border-radius: 4px;
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            display: block;
        }

.logo-text {
    border-left: 1px solid #1C1741;
    padding: 6px 20px;
    margin-left: 20px;
    color: #1C1741;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 400;
}

    .logo-text span {
        font-weight: 700;
    }

.temp-header-wrap {
    height: 103px;
    display: table;
}

.temp-header-inner {
    display: table-cell;
    vertical-align: middle;
    height: 103px;
}

    .temp-header-inner .add-logo img {
        width: 100px;
    }

.lower-header-bottom-wrap {
    background-color: #F8EDB4;
    border-top: 1px solid #E1E2E5;
}

    .lower-header-bottom-wrap img {
        width: 139px;
    }

.setup-icons {
    padding: 6px 0px;
    border: 1px solid #E5E6E8;
    border-radius: 3px;
}

    .setup-icons span {
        padding: 9px 10px 10px 10px;
        border-right: 1px solid #E5E6E8;
    }

    .setup-icons a:last-child span {
        border-right: none;
    }

    .setup-icons span.text {
        font-family: 'Ubuntu', sans-serif;
        font-size: 16px;
        font-weight: 300;
        vertical-align: top;
        color: #323A45;
        padding: 11px 10px 9px 10px;
    }

    .setup-icons .fa {
        font-size: 22px;
        position: relative;
        top: 2px;
    }

    .setup-icons .fa-twitter {
        color: #00a3dc;
    }

    .setup-icons .fa-facebook {
        color: #424b96;
    }

    .setup-icons a, .setup-icons a:hover, .setup-icons a:focus {
        color: transparent;
    }

.lower-header button {
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #1F1949;
    border-radius: 3px;
    margin-top: 9px;
    background-color: #323A45;
    color: #fff;
    padding: 7px 10px;
}

.color-green {
    color: #12bf9c;
}

#temp-1 .templte-banner-section {
    background-image: url('../images/banner-2.png');
}

.templte-banner-section {
    height: 900px;
    background-size: cover;
    position: relative;
}

.temp-full-image-section {
    height: 900px;
    background-size: cover;
    position: relative;
}

#temp-1 .temp-full-image-section {
    background-image: url('../images/banner-3.png');
}

#temp-2 .templte-banner-section {
    background-image: url('../images/banner-1.png');
}

#temp-2 .temp-full-image-section {
    background-image: url('../images/banner-4.png');
}

#temp-3 .templte-banner-section {
    background-image: url('../images/banner-2.png');
}

#temp-3 .temp-full-image-section {
    background-image: url('../images/banner-2.png');
}

.widget-area {
    margin-top: 80px;
    margin-bottom: 50px;
}

    .widget-area p {
    }

.temp-container {
    height: 900px;
    display: table;
    position: relative;
}

.mid-text {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.overlay-temp:before {
    background-color: #333;
    opacity: 0.2;
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
}

.mid-text h1 {
    text-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}

.mid-text p {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    color: #fff;
    padding-top: 30px;
    text-shadow: 0px 2px 4px rgba(0,0,0,0.5);
    text-align: center;
}

.temp-text-section p {
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.7;
    color: #323A45;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

    .temp-text-section p.anno-text {
        font-weight: normal;
        margin-bottom: 0;
    }

.widget-showcase {
    padding: 0;
}

.widget-inner .widget-desc {
    padding: 30px 20px;
    position: relative;
    border: 1px solid #D8D8D8;
    border-top: none;
    display: table;
    cursor: pointer;
    width: 100%;
}

.widget-showcase .powered-text {
    color: #C7C7C7;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: right;
}

    .widget-showcase .powered-text img {
        width: 70px;
    }

    .widget-showcase .powered-text span {
        margin-left: 10px;
    }

    .widget-showcase .powered-text .bar {
        color: #C7C7C7;
    }

.widget-inner .widget-desc:nth-child(1) {
    border-top: none;
}

.widget-desc:hover:before {
    content: 'KJØP NÅ';
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    padding: 5px 15px;
    border: 2px solid #323A45;
    border-radius: 100px;
    background-color: rgba(50,58,69,0.89);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.widget-desc:hover:after {
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(216, 216, 216, 0.4);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
}

.widget-desc img {
    width: 100%;
    padding-bottom: 30px;
    padding-top: 10px;
}

.widget-showcase .widget-info {
    font-family: 'Lato', sans-serif;
    color: #333333;
    font-size: 14px;
    line-height: 17px;
    padding-top: 10px;
    margin-bottom: 5px;
    font-weight: normal;
}

.widget-head img {
    width: 90px;
}

.widget-head {
    padding: 15px;
    background-color: #E8E7ED;
    border-bottom: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.widget-showcase .widget-price {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 0;
    color: #333333;
}

.mid-banner {
    background-image: url('../images/banner-2.jpg');
    height: 1000px;
    background-size: cover;
    position: relative;
}

.bottom-banner {
    background-image: url('../images/banner-3.jpg');
    height: 1000px;
    background-size: cover;
    position: relative;
}

.end-banner {
    background-image: url('../images/banner-4.jpg');
    height: 1000px;
    background-size: cover;
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,.5), inset 0 10px 0 #12bf9c;
}

.temp-short-logo {
    text-align: center;
}

    .temp-short-logo img {
        width: 60px;
    }

.preview-container {
    height: 1000px;
    display: table;
}

.preview-inner-wrap {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

    .preview-inner-wrap a, .plan-inner a {
        color: #fff;
    }

.preview-text-wrap h2 {
    font-size: 350%;
    line-height: 1;
    margin: 15px auto 20px;
    font-weight: 300;
    color: #fff;
}

.preview-text-wrap p {
    font-size: 20px;
    color: #fff;
}

.preview-text-wrap span {
    font-weight: 300;
}

.preview-button a {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}

.preview-button p {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}

.preview-button {
    padding: 15px;
    margin-top: 20px;
    background-color: #12bf9c;
    border-radius: 5px;
}

    .preview-button:hover {
        background-color: #14d2ab;
    }

.fixed-plan-section img {
    width: 60px;
    float: left;
}

.plan-left p {
    display: inline-block;
    font-size: 250%;
    padding-left: 25px;
    color: #fff;
    margin: 0;
    padding-top: 5px;
}

.fixed-plan-section {
    height: 150px;
    position: fixed;
    /* position: relative; */
    width: 100%;
    bottom: 0;
}

.plan-container {
    height: 150px;
    display: table;
}

.plan-inner {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.plan-right .preview-button {
    margin: 0;
    text-align: center;
}

.plan-overlay:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(40,40,40,.9);
    opacity: 0.9;
}

.image-slideshow p {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

.img-gallery .col-sm-4 {
    color: #fff;
}

.image-slideshow {
    margin-top: 20px;
    opacity: 0.6;
}

    .image-slideshow img {
        width: 100%;
    }

.temp-preview-section {
    position: relative;
    z-index: 99;
}

.to-slide {
    position: absolute;
}


/*----------------------FRONT PAGE STYLING-----------------------*/
.article-main-logo {
    padding: 10px 15px;
    /*    max-width: 990px;*/
}

.pnf-title-mobile {
    display: none;
    position: absolute;
    top: 35px;
    right: 20px;
}

.articles-social-grp a:hover .fa {
    color: #5a5454;
}

.article-main-logo span .fa {
    font-size: 22px;
    color: #000;
}

.article-main-logo img {
    width: 200px;
}

.customerLogo {
    min-width: 200px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
}

.logo-inner {
    text-align: center;
}

.articles-social-grp {
    margin-top: 10px;
}

    .articles-social-grp a, .articles-social-grp a:hover, .articles-social-grp a:focus {
        color: #000;
    }

.sponsor-container {
    max-width: 990px;
}

.sponsors-section-top {
    background-color: rgba(49,55,68,0.04);
    padding: 40px;
    border-bottom: 1px solid rgba(57,71,82,0.12);
    border-top: 1px solid rgba(57,71,82,0.12);
}
/*.content-inner{
    max-width: 990px;
}*/
.post-inner img {
    width: 100%;
}

.post-text-wrap h1 {
    color: #323A45;
    font-family: 'Ubuntu', sans-serif;
    font-size: 55px;
    font-weight: 700;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 125px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.post-text-wrap h3 {
    color: #323A45;
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 45px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.article-content {
    /* border-top: 1px solid #E1E2E5;*/
}

    .article-content a {
        color: #323A45;
        margin-bottom: 10px;
    }

    .article-content p {
        font-family: 'Ubuntu', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #323A45;
        margin-bottom: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        max-height: 66px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

        .article-content p.written-by {
            margin-bottom: 15px;
            font-family: 'Ubuntu', sans-serif;
            font-size: 12px;
            font-weight: 500;
            color: #afa9a9;
            text-transform: uppercase;
            height: auto;
        }

            .article-content p.written-by .company-name {
                text-decoration: underline;
            }

.latest-post p {
    margin-bottom: 20px;
}

.show-more-btn {
    border: 1px solid #E5E6E8;
    border-radius: 3px;
    background-color: #F2F2F2;
    padding: 6px 10px;
    text-transform: uppercase;
    color: #323A45;
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    font-weight: normal;
}

    .show-more-btn:hover {
        background-color: #e5e5e5;
    }

    .show-more-btn .arrow i {
        font-size: 18px;
        color: #323A45;
        margin-left: 10px;
        position: relative;
        top: 1px;
    }

.articles-list-row img {
    width: 100%;
}

.articles-list-row {
    padding: 35px 0 0 0;
    border-bottom: 1px solid #E5E6E8;
}

.header-articles-row {
    border-bottom: 1px solid #E5E6E8;
    padding: 30px 0 0px 0;
}

.latest-post {
    padding: 0 35px;
    padding-left: 0;
    padding-bottom: 15px;
    border-right: 1px solid #E8E9EB;
    margin-bottom: 25px;
}

.trending-post {
    padding: 0 35px;
    padding-right: 0;
}

.post-inner.trend-post {
    margin-bottom: 25px;
}

.category-default-dropdown-menu {
    float: right;
    padding: 0;
    background: transparent;
    background-color: transparent;
    border: none;
    color: #000;
    /* float: right;
	 */
    padding-right: 5px;
    position: absolute;
    right: 0;
    top: 3px;
}

.cat-ham-menu {
    display: none;
    cursor: pointer;
}

.ad-display-inner {
    /*padding: 25px;
    border: 1px solid rgba(0,0,0,0.09);*/
}

    .ad-display-inner img {
        width: 100%;
    }

.article-content img {
    width: 100%;
}

.ad-row {
    padding: 30px 0;
    border-top: 1px solid #E5E6E8;
}

.ad-display {
    padding-left: 0;
}

.ad-article {
    padding-right: 0;
}

.widget-bottom-display-wrap img {
    width: 100%;
}

.site-footer {
    padding: 60px 0;
    background-color: #252525;
    width: 100%;
    color: #fff;
}

    .site-footer .footer-col-header, .site-footer .footer-col-foot {
        font-weight: bold;
        font-size: 20px;
    }

.footer-col-mid {
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 20px;
}

.footer-col-foot span {
    position: relative;
}

    .footer-col-foot span a {
        color: #fff;
    }

        .footer-col-foot span a:hover {
            color: #dddddd;
        }

    .footer-col-foot span:last-child {
        margin-left: 27px;
    }

    .footer-col-foot span:first-child:after {
        content: '';
        /* border-right: 1px solid #fff; */
        height: 13px;
        width: 3px;
        background: #fff;
        position: absolute;
        top: 5px;
        right: -15px;
    }

.site-footer-form input {
    width: 100%;
    height: 30px;
    background: #dddddd;
    border: 0;
    color: #333;
    padding-left: 10px;
}

    .site-footer-form input:focus, .site-footer-form textarea:focus {
        outline: none;
    }

.footer-col-foot span {
    font-size: 16px;
}

.main-content {
    min-height: 100vh;
}

.footer-col {
    padding: 0 10px;
}

.footer-logo p {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
}

.footer-logo img {
    width: 200px;
}

.site-footer-form textarea {
    width: 100%;
    color: #333;
    padding-left: 10px;
    resize: none;
    background: #dddddd;
    height: 80px;
}

.site-footer-form p {
    margin-bottom: 10px;
    font-weight: 300;
}

.site-footer-form > div {
    margin-bottom: 15px;
}

.site-footer-form button {
    color: #333;
    background: #dddddd;
    border: 0;
    font-size: 13px;
    padding: 5px 20px;
    border-radius: 3px;
}

    .site-footer-form button:hover {
        background: #fff7f7;
    }

.site-footer-bottom {
    margin-top: 40px;
    text-align: center;
}

.widget-bottom-display-wrap p {
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #323A45;
    font-weight: normal;
}

.widget-bottom-display-wrap .read-more {
    position: relative;
}

    .widget-bottom-display-wrap .read-more span {
        font-family: 'Ubuntu', sans-serif;
        color: #323A45;
        font-size: 20px;
        line-height: 24px;
        position: relative;
        padding: 10px 25px 10px 15px;
        background-color: #fff;
        z-index: 2;
    }

    .widget-bottom-display-wrap .read-more:before {
        content: '';
        position: absolute;
        top: 12px;
        right: 0;
        width: 100%;
        z-index: 1;
        border-top: 1px solid #E5E6E8;
    }

.bottom-widget-inner {
    margin-top: 50px;
}

    .bottom-widget-inner h3 {
        font-family: 'Ubuntu', sans-serif;
        font-size: 20px;
        font-weight: bold;
        color: #323A45;
        margin-top: 10px;
    }

/* Menu pannel */
.menu-pannel-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #f7f7f7;
    font-family: Roboto;
    border-bottom: solid 1px rgba(151, 151, 151, .2);
}

    .menu-pannel-wrapper.bg-white {
        background-color: #fff;
    }

    .menu-pannel-wrapper .project-header-wrapper {
        padding-top: 2px
    }

    .menu-pannel-wrapper.main-menu-pannel {
        padding-top: 15px;
        border-bottom: solid 1px #dadada;
        background-color: #fff
    }

    .menu-pannel-wrapper .menu-pannel-box {
        text-align: center;
        position: relative;
        background-color: #f7f7f7;
        cursor: pointer;
        height: 60px;
        margin-right: 15px;
        margin-left: 15px;
        vertical-align: middle;
        display: table;
    }

        .menu-pannel-wrapper .menu-pannel-box:focus .text,
        .menu-pannel-wrapper .menu-pannel-box:hover .text {
            font-weight: 500
        }

        .menu-pannel-wrapper .menu-pannel-box .menu-pannel-box-img {
            position: relative;
            z-index: 1;
            text-align: center;
        }

        /*.menu-pannel-wrapper .menu-pannel-box .menu-pannel-box-img:before {
                content: '';
                position: absolute;
                width: 50px;
                height: 50px;
                border-radius: 50%;
                background-color: #d9d9d9;
                z-index: 0;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%)
            }*/

        /*.menu-pannel-wrapper .menu-pannel-box:focus,
        .menu-pannel-wrapper .menu-pannel-box:hover {
            border-bottom: 3px solid #b5b5b5;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease
        }*/

        .menu-pannel-wrapper .menu-pannel-box:focus .menu-pannel-box-img:before,
        .menu-pannel-wrapper .menu-pannel-box:hover .menu-pannel-box-img:before {
            content: '';
            position: absolute;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: #b5b5b5;
            ;
            z-index: 0;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%)
        }

        .menu-pannel-wrapper .menu-pannel-box .menu-pannel-box-img img {
            max-width: 62px;
            width: 100%;
            position: relative;
            z-index: 99;
            /* left: 37px; */
            background: #eee;
            padding: 10px;
            border-radius: 50%;
        }

        .menu-pannel-wrapper .menu-pannel-box .text {
            font-size: 11px;
            min-height: 20px;
            margin: 0;
            color: #fff;
            padding-bottom: 0;
            text-transform: uppercase;
            line-height: normal;
            padding: 5px;
        }

        .menu-pannel-wrapper .menu-pannel-box .sub-text {
            color: #999;
            font-size: 10px
        }

        .menu-pannel-wrapper .menu-pannel-box.active {
            border-bottom: 3px solid #b5b5b5;
        }

        .menu-pannel-wrapper .menu-pannel-box.show-more-menu.active {
            border-bottom: 1px solid transparent;
        }

        .menu-pannel-wrapper .menu-pannel-box.show-more-menu:hover {
            border-bottom: 1px solid transparent;
        }

        .menu-pannel-wrapper .menu-pannel-box.active .menu-pannel-box-img:before {
            content: '';
            position: absolute;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: #b5b5b5;
            ;
            z-index: 0;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%)
        }

        .menu-pannel-wrapper .menu-pannel-box.active .text {
            font-weight: 500
        }

    .menu-pannel-wrapper .sub-menu {
        background-color: #fff;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .12)
    }

        .menu-pannel-wrapper .sub-menu h4 {
            color: #333;
            text-align: left;
            margin-bottom: 12px
        }

        .menu-pannel-wrapper .sub-menu p {
            color: #333;
            padding: 0 10px;
            display: table;
            margin-bottom: 8px;
            text-align: left;
            margin: 0;
            padding: 5px 15px;
            margin-bottom: 0px;
        }

        .menu-pannel-wrapper .sub-menu a.active,
        .menu-pannel-wrapper .sub-menu a:hover {
            font-weight: 600;
            background-color: #e9e9e9;
        }

        .menu-pannel-wrapper .sub-menu li a {
            display: table
        }

    .menu-pannel-wrapper .sub-menu-wrap {
        padding: 0;
        margin-bottom: 20px;
    }

.sub-menu-total-wrap {
    margin-top: 15px;
    column-gap: 2em;
}

.choose-from-wrap .choose-from-wrap-inner p {
    padding-top: 0;
    float: left;
}

.choose-from-wrap {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 8px;
    padding-top: 10px;
}

    .choose-from-wrap .choose-from-wrap-inner ul {
        padding-left: 30px;
        float: left;
    }

        .choose-from-wrap .choose-from-wrap-inner ul li {
            margin-right: 15px;
            display: inline-block;
            text-transform: uppercase;
            color: #b5b5b5;
            font-weight: 600;
        }

            .choose-from-wrap .choose-from-wrap-inner ul li:hover {
                color: #333;
            }

            .choose-from-wrap .choose-from-wrap-inner ul li.active {
                color: #333;
            }

.menu-pannel-wrapper .sub-menu-wrap h4 {
    color: #333;
    text-align: left;
    padding: 0 10px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
    padding-left: 15px;
    font-size: 20px;
    text-transform: uppercase;
}

.menu-pannel-wrapper ul,
.menu-pannel-wrapper ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.menu-pannel-wrapper li a.category-link {
    text-align: center;
}

    .menu-pannel-wrapper li a.category-link:hover {
        background-color: #f0c52c;
        box-shadow: 0 0 18px -3px #fc0;
    }

    .menu-pannel-wrapper li a.category-link.category-active {
        background-color: #fff;
        color: #efc634;
        border: 1px solid #efc634;
    }

        .menu-pannel-wrapper li a.category-link.category-active p {
            color: #efc634;
        }

.menu-pannel-wrapper ul {
}

.choose-from-wrap-inner {
    float: left;
}

.category-search {
    float: right;
    position: relative;
    bottom: 4px;
}

    .category-search input {
        background-color: #f6f6f6;
        border: 0;
        height: 30px;
        border-radius: 3px;
        padding-left: 15px;
        padding-right: 30px;
    }

        .category-search input:focus {
            outline: none;
        }

    .category-search .fa {
        position: absolute;
        right: 10px;
        top: 6px;
        font-size: 16px;
    }

.menu-pannel-wrapper .sub-menu-parent {
    position: static
}

    .menu-pannel-wrapper .sub-menu-parent .sub-menu {
        top: 100%;
        padding: 8px
    }

    .menu-pannel-wrapper .sub-menu-parent.main-sub-menu-parent {
        background-color: #fff;
        min-height: auto;
    }

        .menu-pannel-wrapper .sub-menu-parent.main-sub-menu-parent .text {
            min-height: 30px;
            margin-top: 10px;
            margin-bottom: 0;
            padding-bottom: 0;
            font-size: 10px
        }

    .menu-pannel-wrapper .sub-menu-parent a {
        color: #fff;
        display: block;
        text-align: left;
        /* padding-left: 15px; */
        font-size: 14px;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
        background-color: #efc634;
        /* padding: 5px; */
        border-radius: 50px;
    }

    .menu-pannel-wrapper .sub-menu-parent .sub-menu-wrap a {
        font-size: 14px;
        font-weight: normal;
        line-height: 1.8;
    }

.search-text-highlight {
    color: #efc634;
    font-weight: bold;
}

.sub-menu-parent.menu-pannel-box .menu-pannel-block a {
    padding-left: 0;
}

.select-cateory {
    display: none;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .07)
}

.menu-pannel-wrapper.mobile-visible .sub-menu-parent .icon-arrow {
    float: right;
    display: none;
    position: absolute;
    right: 15px;
    top: 26px
}

    .menu-pannel-wrapper.mobile-visible .sub-menu-parent .icon-arrow .fa {
        cursor: pointer;
        font-size: 12px;
        color: #bcbcbc
    }



/********************************  404 page *************************************************/

.font-roboto {
    font-family: 'Roboto', sans-serif;
}

.isRelative {
    position: relative;
}

.txt-center {
    text-align: center;
}

.fullHeight {
    height: 100%;
}

.fullWidth {
    width: 100%;
}

.isDisplayTable {
    display: table;
}

.isVerticallyMiddle {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.pnf-container {
    height: 100%;
    width: 100%;
}

.pnf-title {
    font-family: 'charter_bd_btbold';
    font-size: 300px;
    color: #e4f9ff;
}

.pnf-desc {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #8c93a6;
    position: relative;
    z-index: 10;
}

    .pnf-desc a {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 400;
        color: #8c93a6;
        text-decoration: none;
        box-shadow: inset 0 -2px 0 white, inset 0 -3px 0 #8c93a6;
    }

        .pnf-desc a:hover {
            color: #23527c;
        }

.pnf-illustration {
    padding-top: 75px;
    padding-bottom: 30px;
    text-align: center;
}

a.go-back-404 {
    background: no-repeat;
    border: 0;
    font-size: 18px;
    color: #416e7a;
    text-decoration: underline;
    margin-left: 10px;
}

    a.go-back-404:hover {
        color: #21343a;
    }

.pnf-illustration img {
    max-width: 279px;
    width: 80%;
}

.pnf-block {
    position: relative;
    width: 100%;
}

.letter-animation {
    height: 110px;
}

/*.pnf-block:hover .letter-animation {
    position: relative;
    right: -50px;
}*/

.letter-box {
    height: 60px;
}

.hover-animate {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-150%, 80%);
    -moz-transform: translate(-150%, 80%);
    -ms-transform: translate(-150%, 80%);
    -o-transform: translate(-150%, 80%);
}

.linehover-anim {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-100%, -100%);
    -moz-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    -o-transform: translate(-100%, -100%);
}

/*.letter-box,  {
	position: absolute;
}*/
.alphabet-img {
    /*backface-visibility: hidden;
  -webkit-backface-visibility: hidden;*/
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.alphabet-anim {
    display: inline-block;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

    .alphabet-anim img {
        width: 35px;
        max-height: 83px;
    }

.pnf-block:hover .alphabet-anim {
    position: relative;
}


.grp-last-member {
    margin-right: 15px;
}

.article-slider-nav {
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    font-size: 25px;
    cursor: pointer;
    z-index: 10;
}

    .article-slider-nav:hover .fa {
        color: #6b6969;
    }

.article-slider-nav-left {
    left: 0;
}

.article-slider-nav-right {
    right: 0;
}

.related-article .related-article-image {
    height: 225px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.related-article h3 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #323A45;
    margin-top: 10px;
    max-width: 100%;
    line-height: 1.4;
}

.related-article p {
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #323A45;
    font-weight: normal;
    height: 45px;
    /* font-size: 26px; */
    display: block;
    display: -webkit-box;
    max-width: 100%;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 15px;
    text-overflow: ellipsis;
}

.related-article-display {
    text-align: left;
    margin-top: 100px;
}
/*.pnf-block:hover .p-alphabet-anim {
    -webkit-animation: alphabet-anim 2.2s linear infinite alternate;
    -moz-animation: alphabet-anim 2.2s linear infinite alternate;
    -ms-animation: alphabet-anim 2.2s linear infinite alternate;
}

.pnf-block:hover .a-alphabet-anim {
    -webkit-animation: alphabet-anim 2.7s linear infinite alternate;
    -moz-animation: alphabet-anim 2.7s linear infinite alternate;
    -ms-animation: alphabet-anim 2.7s linear infinite alternate;
}

.pnf-block:hover .g-alphabet-anim {
    -webkit-animation: alphabet-anim 2.4s linear infinite alternate;
    -moz-animation: alphabet-anim 2.4s linear infinite alternate;
    -ms-animation: alphabet-anim 2.4s linear infinite alternate;
}

.pnf-block:hover .e-alphabet-anim {
    -webkit-animation: alphabet-anim 2.9s linear infinite alternate;
    -moz-animation: alphabet-anim 2.9s linear infinite alternate;
    -ms-animation: alphabet-anim 2.9s linear infinite alternate;
}

.pnf-block:hover .n-alphabet-anim {
    -webkit-animation: alphabet-anim 2.1s linear infinite alternate;
    -moz-animation: alphabet-anim 2.1s linear infinite alternate;
    -ms-animation: alphabet-anim 2.1s linear infinite alternate;
}

.pnf-block:hover .o-alphabet-anim {
    -webkit-animation: alphabet-anim 2.4s linear infinite alternate;
    -moz-animation: alphabet-anim 2.4s linear infinite alternate;
    -ms-animation: alphabet-anim 2.4s linear infinite alternate;
}

.pnf-block:hover .t-alphabet-anim {
    -webkit-animation: alphabet-anim 2.7s linear infinite alternate;
    -moz-animation: alphabet-anim 2.7s linear infinite alternate;
    -ms-animation: alphabet-anim 2.7s linear infinite alternate;
}

.pnf-block:hover .f-alphabet-anim {
    -webkit-animation: alphabet-anim 2.2s linear infinite alternate;
    -moz-animation: alphabet-anim 2.2s linear infinite alternate;
    -ms-animation: alphabet-anim 2.2s linear infinite alternate;
}

.pnf-block:hover .o1-alphabet-anim {
    -webkit-animation: alphabet-anim 2.5s linear infinite alternate;
    -moz-animation: alphabet-anim 2.5s linear infinite alternate;
    -ms-animation: alphabet-anim 2.5s linear infinite alternate;
}

.pnf-block:hover .u-alphabet-anim {
    -webkit-animation: alphabet-anim 2.7s linear infinite alternate;
    -moz-animation: alphabet-anim 2.7s linear infinite alternate;
    -ms-animation: alphabet-anim 2.7s linear infinite alternate;
}

.pnf-block:hover .n1-alphabet-anim {
    -webkit-animation: alphabet-anim 2.2s linear infinite alternate;
    -moz-animation: alphabet-anim 2.2s linear infinite alternate;
    -ms-animation: alphabet-anim 2.2s linear infinite alternate;
}

.pnf-block:hover .d-alphabet-anim {
    -webkit-animation: alphabet-anim 2s linear infinite alternate;
    -moz-animation: alphabet-anim 2s linear infinite alternate;
    -ms-animation: alphabet-anim 2s linear infinite alternate;
}

.pnf-block:hover .p-alphabet {
    -webkit-transform: translate3d(-50px, -190px, 0);
    -moz-transform: translate3d(-50px, -190px, 0);
    -ms-transform: translate3d(-50px, -190px, 0);
    -o-transform: translate3d(-50px, -190px, 0);
}

.pnf-block:hover .a-alphabet {
    -webkit-transform: translate3d(-45px, -205px, 0) rotate(-20deg);
    -moz-transform: translate3d(-45px, -205px, 0) rotate(-20deg);
    -ms-transform: translate3d(-45px, -205px, 0) rotate(-20deg);
    -o-transform: translate3d(-45px, -205px, 0) rotate(-20deg);
}

.pnf-block:hover .g-alphabet {
    -webkit-transform: translate3d(-32px, -212px, 0);
    -moz-transform: translate3d(-32px, -212px, 0);
    -ms-transform: translate3d(-32px, -212px, 0);
    -o-transform: translate3d(-32px, -212px, 0);
}

.pnf-block:hover .e-alphabet {
    -webkit-transform: translate3d(-20px, -218px, 0) rotate(15deg);
    -moz-transform: translate3d(-20px, -218px, 0) rotate(15deg);
    -ms-transform: translate3d(-20px, -218px, 0) rotate(15deg);
    -o-transform: translate3d(-20px, -218px, 0) rotate(15deg);
}

.pnf-block:hover .n-alphabet {
    -webkit-transform: translate3d(-70px, -165px, 0) rotate(-15deg);
    -moz-transform: translate3d(-70px, -165px, 0) rotate(-15deg);
    -ms-transform: translate3d(-70px, -165px, 0) rotate(-15deg);
    -o-transform: translate3d(-70px, -165px, 0) rotate(-15deg);
}

.pnf-block:hover .o-alphabet {
    -webkit-transform: translate3d(-60px, -180px, 0);
    -moz-transform: translate3d(-60px, -180px, 0);
    -ms-transform: translate3d(-60px, -180px, 0);
    -o-transform: translate3d(-60px, -180px, 0);
}

.pnf-block:hover .t-alphabet {
    -webkit-transform: translate3d(-40px, -170px, 0) rotate(15deg);
    -moz-transform: translate3d(-40px, -170px, 0) rotate(15deg);
    -ms-transform: translate3d(-40px, -170px, 0) rotate(15deg);
    -o-transform: translate3d(-40px, -170px, 0) rotate(15deg);
}

.pnf-block:hover .f-alphabet {
    -webkit-transform: translate3d(-20px, -185px, 0) rotate(-16deg);
    -moz-transform: translate3d(-20px, -185px, 0) rotate(-16deg);
    -ms-transform: translate3d(-20px, -185px, 0) rotate(-16deg);
    -o-transform: translate3d(-20px, -185px, 0) rotate(-16deg);
}

.pnf-block:hover .o1-alphabet {
    -webkit-transform: translate3d(-10px, -170px, 0);
    -moz-transform: translate3d(-10px, -170px, 0);
    -ms-transform: translate3d(-10px, -170px, 0);
    -o-transform: translate3d(-10px, -170px, 0);
}

.pnf-block:hover .u-alphabet {
    -webkit-transform: translate3d(0px, -165px, 0) rotate(14deg);
    -moz-transform: translate3d(0px, -165px, 0) rotate(14deg);
    -ms-transform: translate3d(0px, -165px, 0) rotate(14deg);
    -o-transform: translate3d(0px, -165px, 0) rotate(14deg);
}

.pnf-block:hover .n1-alphabet {
    -webkit-transform: translate3d(15px, -172px, 0);
    -moz-transform: translate3d(15px, -172px, 0);
    -ms-transform: translate3d(15px, -172px, 0);
    -o-transform: translate3d(15px, -172px, 0);
}

.pnf-block:hover .d-alphabet {
    -webkit-transform: translate3d(30px, -165px, 0) rotate(-15deg);
    -moz-transform: translate3d(30px, -165px, 0) rotate(-15deg);
    -ms-transform: translate3d(30px, -165px, 0) rotate(-15deg);
    -o-transform: translate3d(30px, -165px, 0) rotate(-15deg);
}*/
.line {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    /* backface-visibility: hidden;*/
    height: 2px;
    background-color: #383838;
    display: inline-block;
    border-radius: 10px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.pnf-block:hover .line {
    position: absolute;
    top: 50%;
    left: 50%;
}

.lines1,
.lines3 {
    width: 190px;
}

.lines2,
.lines4 {
    width: 150px;
}

.lines-box .alphabet-anim {
    display: inline;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.article-slider-category-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 25px;
}

.pnf-block:hover .lines-box .alphabet-anim {
    display: block;
}

.pnf-block:hover .line1-anim {
    -webkit-animation: line-anim 1.2s linear infinite alternate;
    -moz-animation: line-anim 1.2s linear infinite alternate;
    -ms-animation: line-anim 1.2s linear infinite alternate;
}

.pnf-block:hover .line2-anim {
    -webkit-animation: line-anim 1.4s linear infinite alternate;
    -moz-animation: line-anim 1.4s linear infinite alternate;
    -ms-animation: line-anim 1.4s linear infinite alternate;
}

.pnf-block:hover .line3-anim {
    -webkit-animation: line-anim 1.8s linear infinite alternate;
    -moz-animation: line-anim 1.8s linear infinite alternate;
    -ms-animation: line-anim 1.8s linear infinite alternate;
}

.pnf-block:hover .line4-anim {
    -webkit-animation: line-anim 1.6s linear infinite alternate;
    -moz-animation: line-anim 1.6s linear infinite alternate;
    -ms-animation: line-anim 1.6s linear infinite alternate;
}

.pnf-block:hover .lines1 {
    -webkit-transform: translate3d(-520px, -180px, 0) rotate(-34deg);
    -moz-transform: translate3d(-520px, -180px, 0) rotate(-34deg);
    -ms-transform: translate3d(-520px, -180px, 0) rotate(-34deg);
    -o-transform: translate3d(-520px, -180px, 0) rotate(-34deg);
}

.pnf-block:hover .lines2 {
    width: 100px;
    -webkit-transform: translate3d(253px, -200px, 0) rotate(35deg);
    -moz-transform: translate3d(253px, -200px, 0) rotate(35deg);
    -ms-transform: translate3d(253px, -200px, 0) rotate(35deg);
    -o-transform: translate3d(253px, -200px, 0) rotate(35deg);
}

.pnf-block:hover .lines3 {
    -webkit-transform: translate3d(230px, -90px, 0) rotate(-34deg);
    -moz-transform: translate3d(230px, -90px, 0) rotate(-34deg);
    -ms-transform: translate3d(230px, -90px, 0) rotate(-34deg);
    -o-transform: translate3d(230px, -90px, 0) rotate(-34deg);
}

.pnf-block:hover .lines4 {
    width: 100px;
    -webkit-transform: translate3d(-400px, -440px,0) rotate(35deg);
    -webkit-transform: translate3d(-380px, -350px, 0) rotate(35deg);
    -moz-transform: translate3d(-380px, -350px, 0) rotate(35deg);
    -ms-transform: translate3d(-380px, -350px, 0) rotate(35deg);
    -o-transform: translate3d(-380px, -350px, 0) rotate(35deg);
}

.error-display-div {
    display: none;
}

.select-category-span {
    float: right;
}

    .select-category-span img {
        width: 18px;
    }

@keyframes alphabet-anim {
    0% {
        -webkit-transform: translateY(-10px) rotate(-1deg);
        -moz-transform: translateY(-10px) rotate(-1deg);
        -ms-transform: translateY(-10px) rotate(-1deg);
        -o-transform: translateY(-10px) rotate(-1deg);
    }

    50% {
        -webkit-transform: translateY(0) rotate(0deg);
        -moz-transform: translateY(0) rotate(0deg);
        -ms-transform: translateY(0) rotate(0deg);
        -o-transform: translateY(0) rotate(0deg);
    }

    100% {
        -webkit-transform: translateY(10px) rotate(1deg);
        -moz-transform: translateY(10px) rotate(1deg);
        -ms-transform: translateY(10px) rotate(1deg);
        -o-transform: translateY(10px) rotate(1deg);
    }
}

@keyframes line-anim {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px) rotate(-2deg);
        -moz-transform: translateY(-10px) rotate(-2deg);
        -ms-transform: translateY(-10px) rotate(-2deg);
        -o-transform: translateY(-10px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateY(0) rotate(2deg);
        -moz-transform: translateY(0) rotate(2deg);
        -ms-transform: translateY(0) rotate(2deg);
        -o-transform: translateY(0) rotate(2deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(10px) rotate(2deg);
        -moz-transform: translateY(10px) rotate(2deg);
        -ms-transform: translateY(10px) rotate(2deg);
        -o-transform: translateY(10px) rotate(2deg);
    }
}

/*.pnf-block:hover .letter-box {
    height: 60px;
    position: relative;
    top: 110px;
}

.pnf-block:hover .lines-box {
    position: relative;
    top: 110px;
}*/

.alphabet-anim img.i-alphabet, .alphabet-anim img.i1-alphabet {
    height: 48px;
    width: 20px;
}

.alphabet-anim img.s-alphabet, .alphabet-anim img.s1-alphabet {
    height: 52px;
}

.alphabet-anim img.l-alphabet, .alphabet-anim img.l1-alphabet {
    height: 50px;
}

.first-text {
    font-size: 14px;
    -webkit-animation: fadeInOut 3s;
    -moz-animation: fadeInOut 3s;
    -ms-animation: fadeInOut 3s;
    color: white;
}

    .first-text:nth-child(odd) {
        animation-delay: 2s;
    }

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

p.thought {
    -webkit-animation: fadeInOut 1s;
    -moz-animation: fadeInOut 1s;
    -ms-animation: fadeInOut 1s;
    width: 250px;
    position: absolute;
    top: -75px;
    right: -140px;
    padding: 20px 40px;
    background: #f7a944;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fac868), to(#f3961c));
    background: -moz-linear-gradient(#fac868, #f3961c);
    background: -o-linear-gradient(#fac868, #f3961c);
    background: linear-gradient(#fac868, #f3961c);
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    border-radius: 180px;
    -webkit-box-shadow: -3px 4px 8px #989898;
    -moz-box-shadow: -3px 4px 8px #989898;
    box-shadow: -3px 4px 8px #989898;
    color: #575544;
    font-size: 1.2em;
    letter-spacing: .06em;
}

.footer-facebook-frame ._2lqg {
    display: none;
}

p.thought:before {
    content: "";
    position: absolute;
    bottom: -40px;
    left: 20px;
    background: #f3961c;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: -3px 3px 4px #989898;
    -moz-box-shadow: -3px 3px 4px #989898;
    box-shadow: -3px 3px 8px #989898;
}

p.thought:after {
    content: "";
    position: absolute;
    bottom: -55px;
    left: 0;
    width: 15px;
    height: 15px;
    background: #f3961c;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: -3px 3px 4px #989898;
    -moz-box-shadow: -3px 3px 4px #989898;
    box-shadow: -3px 3px 8px #989898;
}

.main-category-wrapper ul {
    padding: 0;
}

    .main-category-wrapper ul.active {
        display: block;
    }

.main-category-inner {
    padding-top: 15px;
}

.main-category-wrapper h3 {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    font-size: 36px;
    font-weight: bold;
}

.main-category-wrapper ul li {
    display: inline-block;
    margin-right: 15px;
}

    .main-category-wrapper ul li a {
        padding: 7px 35px;
        border: 1px solid #eee;
        border-radius: 5px;
        font-weight: 600;
        font-size: 14px;
        cursor: pointer;
    }

        .main-category-wrapper ul li a:hover {
            background-color: #efc634;
        }

.show-more-category .fa {
    display: block;
    margin-bottom: 5px;
}

.show-more-category p {
    font-weight: 600;
    float: right;
}

.sub-menu-parent.show-more-menu .show-more-category ul {
    display: none;
    position: absolute;
    background-color: #f7f7f7;
    width: 160px;
    z-index: 1;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .12);
    top: 75px;
    right: 0;
    padding-top: 10px;
    border-radius: 3px;
}

.show-more-category .show-more-img {
    float: left;
}

.show-more-category .show-more-category-text {
    display: inline-block;
}

.sub-menu-parent.show-more-menu .show-more-category ul.show-more-active {
    display: block;
}

.sub-menu-parent.show-more-menu ul li:not(:last-child) {
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.sub-menu-parent.show-more-menu ul li {
    padding: 5px 15px;
}

.category-active {
    background-color: #efc634;
}

.dashboard-dropdown {
    padding: 0 15px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    /*border: 1px solid #eee;*/
    height: 40px;
    display: table;
    width: 100%;
    border-radius: 4px;
}

.cat-title {
    margin-bottom: 8px;
    line-height: normal;
}

.filter-column p {
    margin: 0;
}

.dropdown-placeholder-text {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.default-dropdown.supercontent-dropdown ul li:hover {
    background-color: #eee;
}

.dashboard-dropdown ul li:hover {
    background-color: #eee;
}

supercontent-dropdown .dashboard-dropdown a {
    color: #333 !important;
}

.supercontent-dropdown ul {
    position: absolute;
    padding: 0;
    top: 41px;
    left: 0;
    width: 100%;
    display: none;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 3px 24px 0 rgba(108,108,108,.11);
    border: 1px solid #ddd;
    border-top: 0;
    max-height: 200px;
    overflow: auto;
}

    .supercontent-dropdown ul.active {
        display: block;
    }

    .supercontent-dropdown ul li a {
        padding: 5px 15px !important;
        display: block;
        font-size: 14px;
        color: black;
    }

.supercontent-dropdown .smd-p {
    color: black !important;
}

.supercontent-dropdown .childvvsCat a {
    color: black !important;
    font-size: 12px;
}

.filter-column .dropdown-placeholder-text:after {
    font-family: 'FontAwesome';
    content: "\f0d7";
    float: right;
    font-size: 16px;
    position: absolute;
    margin: 0;
    top: 50%;
    color: #afa9a9;
    right: 10px;
    transform: translate(-50%,-50%);
}

/********************************  404 page *************************************************/
/*@media screen and (min-width:992px) {*/
.menu-pannel-wrapper.main-menu-pannel.main-menu-pannel-fixed {
    position: fixed;
    top: 70px;
    width: 100%;
    left: 0;
    z-index: 99;
    padding-top: 0;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease
}

    .menu-pannel-wrapper.main-menu-pannel.main-menu-pannel-fixed .project-header-wrapper {
        padding-top: 12px
    }

    .menu-pannel-wrapper.main-menu-pannel.main-menu-pannel-fixed .menu-pannel-box-img {
        display: none
    }

    .menu-pannel-wrapper.main-menu-pannel.main-menu-pannel-fixed .text {
        margin-bottom: 4px !important
    }

    .menu-pannel-wrapper.main-menu-pannel.main-menu-pannel-fixed .sub-text {
        display: none;
    }

.menu-pannel-wrapper .menu-pannel-box {
    width: 11.11111111111111%;
}

.sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 8px;
    z-index: 9;
    width: 100%;
    border-top: solid 1px #dadada;
    transition: all .3s ease-in-out 0s, visibility 0s linear .1s, z-index 0s linear .1s
}

.sub-menu-parent:focus .sub-menu,
.sub-menu-parent:hover .sub-menu {
    z-index: 9;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transition-delay: 0s, 0s, .1s
}

@media screen and (min-width:992px) {
    .sub-menu-total-wrap {
        -webkit-columns: 4 150px;
        -moz-columns: 4 150px;
        columns: 4 150px;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
    }

    .menu-pannel-wrapper .menu-pannel-box:focus .menu-pannel-box-img img,
    .menu-pannel-wrapper .menu-pannel-box:hover .menu-pannel-box-img img {
        background-color: #efc634;
    }

    .sub-menu-parent:focus .sub-menu,
    .sub-menu-parent:hover .sub-menu {
        visibility: visible;
        display: block !important;
        opacity: 1;
    }
}

@media screen and (min-width:768px) {
    .footer-col:first-child {
        padding-left: 0;
    }

    .footer-col:last-child {
        padding-right: 0;
    }
}

@media screen and (max-width:1199px) {
    .menu-pannel-wrapper .sub-menu-parent .sub-menu {
        top: 120px;
    }

    .menu-pannel-wrapper .sub-menu-parent.main-sub-menu-parent .sub-menu {
        top: 116px;
    }

    .menu-pannel-wrapper .sub-menu p {
        padding: 5px 0;
    }

    .choose-from-wrap .choose-from-wrap-inner ul {
        padding-left: 10px;
        padding-top: 5px;
    }

        .choose-from-wrap .choose-from-wrap-inner ul li {
            margin-right: 5px;
        }
}

@media screen and (max-width:991px) {
    .menu-pannel-wrapper {
        border-bottom: none;
    }

    .main-content .menu {
        padding-left: 0;
        padding-right: 0;
    }


    .cat-ham-menu {
        display: block;
        background-color: #f7f7f7;
        padding: 5px;
        padding-left: 10px;
        border-bottom: 1px solid #d9d9d9;
    }

        .cat-ham-menu img {
            width: 18px;
            float: left;
            position: relative;
            top: 3px;
        }

        .cat-ham-menu p {
            float: left;
            margin-left: 10px;
            margin-bottom: 0;
            margin-top: 2px;
            font-size: 14px;
            font-weight: 500;
        }

    .main-category-wrapper h3 {
        font-size: 20px;
    }

    ul.sub-menu {
        -webkit-columns: 4 150px;
        -moz-columns: 4 150px;
        columns: 4 150px;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
    }

    .main-category-wrapper ul {
        display: none;
        background-color: #f7f7f7;
        padding-top: 15px;
        padding-left: 8px;
        padding-bottom: 7px;
    }

        .main-category-wrapper ul li {
            display: block;
            margin-bottom: 12px;
        }

    .main-category-wrapper {
    }

        .main-category-wrapper ul li a {
            padding: 4px 10px;
            font-size: 12px;
        }

    .choose-from-wrap .choose-from-wrap-inner ul li {
        margin-right: 9px;
    }
    /*.menu-pannel-wrapper{
        display:none;
    }*/


    .choose-from-wrap {
        display: none;
    }

    .menu-pannel-wrapper.main-menu-pannel.mobile-visible {
        padding-top: 5px;
        padding-bottom: 0;
        border-bottom: none;
        background-color: transparent
    }

        .menu-pannel-wrapper.main-menu-pannel.mobile-visible .menu-pannel-box-img {
            display: block
        }

        .menu-pannel-wrapper.main-menu-pannel.mobile-visible .select-cateory {
            margin-top: 15px
        }

    .menu-pannel-wrapper .menu-pannel-box:focus .menu-pannel-box-img:before,
    .menu-pannel-wrapper .menu-pannel-box:hover .menu-pannel-box-img:before {
        width: 40px;
        height: 40px
    }

    .menu-pannel-wrapper .menu-pannel-box .menu-pannel-box-img:before {
        width: 40px;
        height: 40px
    }

    .menu-pannel-wrapper .menu-pannel-box .menu-pannel-box-img img {
        max-width: 40px
    }

    .menu-pannel-wrapper .menu-pannel-box.active .menu-pannel-box-img:before {
        width: 40px;
        height: 40px
    }

    .menu-pannel-wrapper.mobile-visible {
        box-shadow: none;
        width: 100%
    }

        .menu-pannel-wrapper.mobile-visible .sub-menu-parent {
            margin-bottom: 0;
        }

        .menu-pannel-wrapper.mobile-visible .menu-pannel-block .menu-pannel-box-img, .menu-pannel-wrapper.mobile-visible .menu-pannel-block .sub-text, .menu-pannel-wrapper.mobile-visible .menu-pannel-block .text {
            padding: 5px;
        }

        .menu-pannel-wrapper.mobile-visible .sub-menu-wrap {
            padding-top: 8px;
            padding-left: 10px;
            padding-bottom: 10px
        }

    .sub-menu-parent.menu-pannel-box .menu-pannel-block a {
        float: left;
    }

    .menu-pannel-wrapper.mobile-visible .menu-pannel-block .menu-pannel-box-img,
    .menu-pannel-wrapper.mobile-visible .menu-pannel-block .sub-text,
    .menu-pannel-wrapper.mobile-visible .menu-pannel-block .text {
        float: left;
        display: inline-block;
        vertical-align: middle;
        padding: 5px;
        position: relative;
        top: 2px;
    }

    .menu-pannel-wrapper.mobile-visible .menu-pannel-block .text {
        width: 170px;
        text-align: left;
        margin-top: 15px;
    }

    .menu-pannel-wrapper.mobile-visible .sub-menu {
        position: absolute;
        top: 0;
        padding: 0;
        display: none;
        top: 53px;
        z-index: 100;
    }

    .menu-pannel-wrapper.mobile-visible .menu-pannel-box {
    }

        .menu-pannel-wrapper.mobile-visible .menu-pannel-box.active {
            border-bottom: none
        }

            .menu-pannel-wrapper.mobile-visible .menu-pannel-box.active .menu-pannel-box-img:before {
                content: '';
                background-color: #d9d9d9
            }

        .menu-pannel-wrapper.mobile-visible .menu-pannel-box.show-sub-menu {
            border-bottom: 3px solid #b5b5b5;
        }

            .menu-pannel-wrapper.mobile-visible .menu-pannel-box.show-sub-menu .menu-pannel-box-img:before {
                content: '';
                background-color: #b5b5b5;
            }

            .menu-pannel-wrapper.mobile-visible .menu-pannel-box.show-sub-menu .sub-menu {
                display: block;
                border-top: 1px solid rgba(0, 0, 0, .07)
            }

    .menu-pannel-wrapper.mobile-visible .menu-pannel-wrap {
    }

        .menu-pannel-wrapper.mobile-visible .menu-pannel-wrap.active {
            display: block
        }

    .menu-pannel-wrapper.mobile-visible .sub-menu-parent {
    }

        .menu-pannel-wrapper.mobile-visible .sub-menu-parent.show-sub-menu .sub-menu.show-menu {
            border-top: 1px solid rgba(0, 0, 0, .14);
            display: block
        }

        .menu-pannel-wrapper.mobile-visible .sub-menu-parent.show-sub-menu .icon-arrow {
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg)
        }

    .menu-pannel-wrapper .menu-pannel-box:focus,
    .menu-pannel-wrapper .menu-pannel-box:hover {
        border-bottom-color: transparent;
    }

    .menu-pannel-wrapper .menu-pannel-box .sub-menu.active,
    .menu-pannel-wrapper .menu-pannel-box .sub-menu.active {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .menu-pannel-wrapper .menu-pannel-box .category-link .icon-arrow.active,
    .menu-pannel-wrapper .menu-pannel-box .category-link .icon-arrow.active {
        transform: rotate(180deg);
    }

    .menu-pannel-wrapper .menu-pannel-box-img img.active,
    .menu-pannel-wrapper .menu-pannel-box-img img.active {
        background-color: #efc634;
    }

    .menu-pannel-wrapper .menu-pannel-box:focus .text,
    .menu-pannel-wrapper .menu-pannel-box:hover .text {
        font-weight: 400;
    }

    .choose-from-wrap .choose-from-wrap-inner ul {
        padding-left: 10px;
    }

    .menu-pannel-wrapper.mobile-visible .menu-pannel-box.show-sub-menu .menu-pannel-block .text {
        font-weight: 500
    }

    .mv-product-gallery {
        padding-right: 15px;
        padding-left: 15px
    }

    .menu-pannel-wrapper.mobile-visible .select-cateory h4 {
        float: left;
        position: relative;
        top: 5px;
    }

    .menu-pannel-wrapper .sub-menu-parent .sub-menu {
        padding: 0;
    }

    .menu-pannel-wrapper .sub-menu-parent.main-sub-menu-parent {
        min-height: 40px
    }

    .choose-from-wrap .choose-from-wrap-inner p {
        display: none;
    }

    .menu-pannel-wrapper .sub-menu-parent.main-sub-menu-parent .sub-menu {
        top: 0;
        padding: 0;
    }

    .choose-from-wrap-inner {
        float: left;
    }

    .category-search {
        display: block;
        margin-top: 10px;
        margin-left: 10px;
        float: left;
    }

    .menu-pannel-wrapper .sub-menu-parent.main-sub-menu-parent .menu-pannel-box-img:before {
        display: block;
    }

    .menu-pannel-wrapper .sub-menu-parent.main-sub-menu-parent img {
        display: block;
    }

    .menu-pannel-wrapper .sub-menu-parent {
        margin-bottom: 15px
    }

        .menu-pannel-wrapper .sub-menu-parent:last-child {
            margin-bottom: 0
        }

    .menu-pannel-wrapper.mobile-visible .sub-menu-parent .icon-arrow {
        display: block;
        top: 11px;
    }

        .menu-pannel-wrapper.mobile-visible .sub-menu-parent .icon-arrow.active {
            top: 6px;
            transform: rotate(180deg);
        }

    .select-cateory {
        padding: 15px;
        background-color: #fff;
        cursor: pointer;
    }

        .select-cateory h4 {
            font-family: Roboto, sans-serif;
            font-size: 12px;
            line-height: normal;
            text-transform: uppercase;
            margin: 0;
            font-weight: 500;
            color: #666
        }

        .select-cateory .icon-arrow {
            float: right;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg)
        }

            .select-cateory .icon-arrow .fa {
                cursor: pointer;
                font-size: 12px;
                color: #bcbcbc
            }

        .select-cateory.active .icon-arrow {
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg)
        }
}

@media screen and (max-width:768px) {
    .menu-pannel-wrapper.mobile-visible .sub-menu-parent .icon-arrow {
        right: 12px;
        font-size: 25px;
    }

    .footer-col-header {
        margin-bottom: 15px;
    }

    .menu-filter-nav {
        margin: 0 auto;
        float: none;
    }

    .article-slider-nav-left {
        left: 15px;
    }

    .article-slider-nav-right {
        right: 15px;
    }

    .article-slider-category-wrapper .article-slider-nav-left {
        left: 0;
    }

    .article-slider-category-wrapper .article-slider-nav-right {
        right: 0;
    }

    .article-slider-nav {
        font-size: 17px;
    }

    .div-block-3 {
    }

    .menu-pannel-wrapper .menu-pannel-box {
        margin-left: 5px;
        margin-right: 5px;
    }

    .menu-pannel-wrapper .menu-pannel-box {
    }
}

@media screen and (max-width:600px) {
    .menu-pannel-wrapper .project-header-wrapper {
        padding-top: 0;
        margin-top: -4px;
        padding-bottom: 2px
    }

    .menu-pannel-wrapper .menu-pannel-box:focus .sub-menu, .menu-pannel-wrapper .menu-pannel-box:hover .sub-menu {
        padding: 0;
    }

    .menu-pannel-wrapper .sub-menu-wrap {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width:400px) {
    .menu-pannel-wrapper .menu-pannel-box {
        width: 100%;
    }
}

/*----media queries--------*/

@media (min-width: 1400px) {
    .temp-container {
        width: 1370px;
    }
}

@media (min-width: 1200px) {
    .bottom-items, .list-post {
        padding-left: 20px;
        padding-right: 20px;
    }

    .list-post {
        height: 388px;
    }
}

@media (min-width: 991px) {
}

@media (min-width: 768px) {
}

@media (min-width: 481px) {
}


@media(max-width: 1400px) {
}

@media(max-width: 1200px) {
    .article-content p {
        font-size: 15px;
    }

    h1, .h1, .post-text-wrap h1 {
        font-size: 40px;
    }

    .mid-text p,
    .mid-text p span {
        font-size: 30px !important;
    }

    .temp-text-section p, .preview-text-wrap p {
        /*font-size: 16px;*/
    }

    .preview-text-wrap h2, .plan-left p {
        font-size: 18px;
    }

    .preview-button p {
        font-size: 12px;
    }

    .fixed-plan-section img {
        width: 35px;
    }
}

@media(max-width: 991px) {
    a.go-back-404 {
        margin-left: 15px;
    }
}


@media(max-width: 768px) {
    .responsive-height {
        height: 500px;
    }

    .responsive-container {
        height: 500px;
    }

    .article-Coverimg.desktopimage, .article-img.desktopimage {
        display: none;
    }


    .mobileimage {
        display: block;
        background-size: contain;
        height: auto !important;
        border-radius: 4px;
    }
}

@media(max-width: 767px) {
    .post-text-wrap h3 {
        height: auto;
    }

    .category-dropdown-wrap {
        margin-top: 15px;
        padding: 0;
    }

    .footer-logo img {
        width: 200px;
    }

    .menu-logo {
        padding: 0;
    }

    .site-footer-form button {
        margin-bottom: 15px;
    }

    .dashboard-dropdown {
        padding: 0 7px;
    }

    .filter-column p {
        font-size: 12px;
    }

    .footer-col-mid {
        margin-bottom: 0;
    }

    a.go-back-404 {
        margin: initial;
        display: block;
    }

    .footer-col {
        margin-bottom: 20px;
        padding: 0 15px;
    }

    .pnf-illustration img {
        width: 50%;
        vertical-align: middle;
        display: table-cell;
        float: left;
        clear: both;
        margin: 0 auto;
    }

    .letter-animation {
        display: none;
    }

    .article-content p {
        height: auto;
    }

    .pnf-title.pnf-title-mobile {
        display: table-cell;
        font-size: 150px;
        vertical-align: middle;
        float: none;
        position: initial;
        top: 0;
        right: 0;
    }

    .pnf-title-desktop {
        display: none;
    }

    .text-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .widget-bottom-display-wrap .read-more span {
        padding-left: 0;
    }

    .plan-right {
        margin-top: 20px;
    }

    .preview-button {
        padding: 15px 5px;
    }

        .preview-button p {
            font-weight: normal;
        }

    .address-section-inner .address:nth-child(2) {
        border: 0;
    }

    .trending-post {
        margin-top: 30px;
    }

    .post-text-wrap h1 {
        font-size: 24px;
    }

    .article-content p {
        font-size: 15px;
    }

    .latest-post, .trending-post, .list-post, .ad-display, .ad-article {
        padding: 0;
    }

    .ad-row .ad-display {
        margin-bottom: 30px;
    }

    .temp-header-wrap {
        width: 100%;
    }

    .setup-icons .fa {
        font-size: 12px;
        top: 0;
    }

    .temp-header-inner .add-logo img {
        width: 120px;
    }

    .bottom-items {
        margin-bottom: 20px;
    }

    .latest-post {
        border-right: none;
    }

    .articles-list-row {
        margin: 0;
    }

    .post-text-wrap h3 {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .menu-pannel-wrapper.mobile-visible .sub-menu-wrap {
        width: 50%;
        margin-bottom: 10px;
    }

    .sub-menu-total-wrap {
        margin-top: 5px;
    }

    .pnf-title.pnf-title-mobile {
        font-size: 150px;
    }

    .menu-pannel-wrapper.mobile-visible .menu-pannel-block .text {
        font-size: 10px
    }

    .menu-pannel-wrapper.mobile-visible .menu-pannel-block .menu-pannel-box-img,
    .menu-pannel-wrapper.mobile-visible .menu-pannel-block .sub-text,
    .menu-pannel-wrapper.mobile-visible .menu-pannel-block .text {
        padding: 5px 0;
        padding-left: 0;
    }

    .menu-pannel-wrapper.mobile-visible .select-cateory {
        padding: 13px
    }

        .menu-pannel-wrapper.mobile-visible .select-cateory h4 {
            font-size: 12px
        }

            .menu-pannel-wrapper.mobile-visible .select-cateory h4 .icon-arrow {
            }

    .temp-text-section p, .preview-text-wrap p {
        /*font-size: 14px;*/
    }

    .widget-showcase {
        margin-top: 20px;
    }

    .logo-text {
        padding: 6px 10px;
        margin-left: 8px;
        font-size: 8px;
    }

    .setup-icons span {
        padding: 8px 5px 8px 5px;
    }

        .setup-icons span.text {
            font-size: 12px;
            padding: 9px 5px 11px 5px;
        }

    .temp-header-inner .add-logo img {
        width: 60px;
    }

    .lower-header-bottom-wrap img {
        width: 110px;
    }

    .lower-header button {
        font-size: 10px;
        margin-top: 6px;
    }

    .fixed-plan-section img {
        width: 25px;
    }

    .preview-text-wrap h2, .plan-left p {
        font-size: 12px;
    }

    .plan-left p {
        padding-left: 10px;
    }

    .widget-area {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .bottom-widget-inner {
        margin-top: 30px;
    }

    .bottom-items {
        padding-left: 0;
        padding-right: 0;
    }

    .responsive-height {
        height: 400px;
    }

    .responsive-container {
        height: 400px;
    }

    .article-main-logo img {
        width: 60px;
    }

    .articles-social-grp {
        margin-top: 5px;
    }

    .article-main-logo span .fa {
        font-size: 18px;
    }

    .menu-pannel-wrapper .sub-menu-wrap h4 {
        font-size: 14px;
    }

    .menu-pannel-wrapper .sub-menu a {
        font-size: 12px;
    }
}

@media(max-width: 480px) {
    h1, .h1 {
        font-size: 24px;
    }

    .footer-logo img {
        width: 150px;
    }

    .mid-text p,
    .mid-text p span{
        font-size: 20px !important;
    }

    .footer-logo p {
        font-size: 14px;
    }

    .menu-pannel-wrapper.mobile-visible .sub-menu-wrap {
        width: 100%;
        padding: 0 5px 5px
    }

        .menu-pannel-wrapper.mobile-visible .sub-menu-wrap:first-child {
            padding-top: 10px
        }
}

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



/******************************* 404 **************************************/
@media (max-width: 1400px) {
    .pnf-block:hover .letter-box {
        top: 275%;
    }

    .pnf-block:hover .lines-box {
        top: 275%;
    }
}

@media (max-width: 1200px) {
    .pnf-block:hover .letter-animation {
        position: initial;
        right: 0;
    }

    .letter-animation {
        height: 80px;
    }

    .pnf-block:hover .letter-box,
    .pnf-block:hover .lines-box {
        top: 0;
        left: 0;
        height: 43px;
        transform: none;
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
    }

    .pnf-block {
        padding-bottom: 30px;
    }

        .pnf-block .lines1,
        .pnf-block .lines3 {
            width: 150px;
        }

        .pnf-block .lines2,
        .pnf-block .lines4 {
            width: 100px;
        }

        .pnf-block:hover .lines-box .alphabet-anim {
            display: inline;
        }

        .pnf-block:hover .lines-box,
        .pnf-block:hover .letter-box,
        .pnf-block:hover .line,
        .pnf-block:hover .alphabet-anim,
        .pnf-block:hover .alphabet-img {
            position: initial;
            transform: none;
            -webkit-animation: none;
            -moz-animation: none;
            -ms-animation: none;
        }

    .alphabet-anim img {
        width: auto;
        height: 50px;
    }

    /*.pnf-block .e-alphabet,
    .pnf-block .t-alphabet {
        margin-right: 10px;
    }*/

    .letter-box {
        height: 43px;
    }

    .pnf-title {
        font-size: 250px;
    }
}

@media (max-width: 992px) {
    .pnf-title {
        font-size: 131px;
    }

    .alphabet-anim img {
        height: 35px;
    }

    .pnf-block {
        padding-bottom: 0;
    }

        .pnf-block .lines1,
        .pnf-block .lines3 {
            width: 120px;
        }

        .pnf-block .lines2,
        .pnf-block .lines4 {
            width: 60px;
        }
}

@media (max-width: 767px) {
    .pnf-block .lines1,
    .pnf-block .lines3 {
        width: 80px;
    }

    .pnf-block .lines2,
    .pnf-block .lines4 {
        width: 40px;
    }

    .pnf-illustration img {
        width: 50%;
    }

    .pnf-desc {
        margin-bottom: 30px;
    }

        .pnf-desc,
        .pnf-desc a {
            font-size: 20px;
            box-shadow: none;
        }

    .pnf-title {
        font-size: 100px;
    }

    .pnf-container {
        height: auto;
    }

    .pnf-block {
        width: 100%;
    }

    .alphabet-anim img {
        height: 22px;
    }

    .letter-box {
        height: 20px;
    }

    .pnf-block:hover .letter-box,
    .pnf-block:hover .lines-box {
        height: 20px;
    }

    .letter-animation {
        height: 30px;
    }

    .lines-box {
        display: none;
    }

    .pnf-illustration {
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 30px;
        padding-right: 30px;
        display: table;
    }

    .pnf-desc, .pnf-desc a {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 481px) {
    .pnf-title.pnf-title-mobile {
        font-size: 80px;
    }

    .supercontent-dropdown ul {
        height: 270px;
        overflow: auto;
    }

    .menu-pannel-wrapper .menu-pannel-box .text {
        font-size: 10px;
        line-height: normal;
        min-height: initial;
    }

    .menu-pannel-wrapper .sub-menu-parent a {
        padding: 0 5px;
    }

    .alphabet-anim img {
        height: 15px;
        height: 100%;
    }

    .pnf-desc, .pnf-desc a {
        font-size: 13px;
    }

    .pnf-illustration img {
        width: 40%;
    }

    .pnf-container {
    }
}

/*Seach input style start*/
.search-container {
    position: relative;
    top: 32px;
    font-family: 'Lato', sans-serif;
    display: inline-block;
}

a.search-btn-container {
    display: block;
    width: 24px;
    height: auto;
    padding: 0px 0px !important;
    margin-right: 12px !important;
    cursor: pointer;
}

.search-btn-container img {
    width: 100%;
    height: 100%;
}

.search-input-container {
    top: 40px;
    position: absolute;
    right: -35px;
    z-index: 999;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    padding: 0px;
    width: 350px;
    background-color: #fff;
    transition: all 0.3s;
    height: 0;
    border-radius: 50px;
}

.search-active .search-btn-container:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: #fff;
    z-index: 0;
    position: absolute;
    top: 34px;
    right: 6px;
    transform: rotate(45deg);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

.search-input-container.active {
    height: 50px;
    padding: 10px;
}

.search-input {
    width: 100%;
    height: 0px;
    border: 0px;
    padding: 0;
    transition: all 0.3s;
    margin-top: 0!important;
}

.search-input-container.active .search-input {
    height: 30px;
    padding: 6px;
    margin-top: 0;
}

.search-input:active,
.search-input:focus {
    border: 0;
    outline: 0;
}

.search-btn {
    width: 18%;
    background-color: #d42665;
    padding: 5px 0;
    border: 0;
    color: #fff;
}

.navbar {
    transition: all 0.3s;
}

.search-active .navbar {
    padding-bottom: 30px !important;
}

    .search-active .navbar.navbar-fixed {
        padding-bottom: 68px !important;
    }

@media(max-width: 999px) {
    .search-container {
        left: 20px;
        top: unset;
        bottom: 10px;
    }

    .navbar {
        padding-bottom: 40px!important;
    }

        .navbar.search-active {
            padding-bottom: 120px!important;
        }

            .navbar.search-active .search-container {
                bottom: 86px;
            }

    .search-input-container {
        right: -306px!important;
    }
}
/*Seach input style end*/

.navbar .category-dropdown-wrap.company-col {
    margin-left: 46%;
}