@media (max-width: 1024px) and (min-width: 768px) {

    .blogger {

        padding-top: 70px;

        padding-bottom: 48px;

    }

    .blog-detail-content .blog-list-wrap {

        margin: 0;

    }

}



@media (max-width: 812px) {



    h1 {

        font-size: 32px;

        line-height: 42px;

    }

    h2 {
        font-size: 28px;
        line-height: 38px;
    }

    h3 {

        font-size: 24px;

    }

    h4 {

        font-size: 22px;

    }

    h5 {

        font-size: 20px;

    }

    h6 {

        font-size: 16px;

    }



    .innerpage-banner {

        padding-bottom: 17px;

        padding-top: 73px;

    }



    .blog-highlight {

        flex-direction: column;

    }



    .blog-highlight .blog-highlight-left {

        max-width: 100%;

        order: 2;

        padding-left: 16px;

        margin-right: 15px;

    }



    .innerpage-banner p {

        font-size: 18px;

        line-height: 26px;

    }



    .blog-highlight .blogger-name {

        border-bottom: 1px solid #060504;

        padding-bottom: 20px;

        margin-bottom: 20px;

    }



    .blog-list-item {

        flex-direction: column;

    }



    .blog-list-item .blog-image {

        flex: 0 0 100%;

        max-width: 100%;

        margin: 0 0 20px 0;

    }



    .box-padding-innermost {

        padding-left: 16px;

        padding-right: 16px;

    }



    .blog-list-item h3 {

        margin: 0 0 20px;

    }



    .blog-list-item .blog-text .blogger-name {

        margin-bottom: 0px;

    }



    .box-padding-inner {

        padding-left: 16px;

        padding-right: 16px;

    }



    .box-padding-normal {

        padding-left: 16px;

        padding-right: 16px;

    }



    .blog-slider-trigger {

        display: flex;

        padding: 18px 16px;

        justify-content: space-between;

        align-items: center;

        cursor: pointer;

        border-top: 1px solid #ECECEC;

        margin: 0 -16px;

    }



    .innerpage-banner h1 {

        margin-bottom: 30px;

    }



    .blog-slider h6,

    .blog-slider .close {

        display: block;

    }



    .blog-slider {

        display: none;

    }



    .blog-slider.active {

        display: block;

    }



    .blog-slider.active {

        position: fixed;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        background: #fff;

        padding: 27px 16px;

        z-index: 1000;

    }



    .blog-slider .blog-slider-item {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        max-height: calc(100% - 128px);

        overflow: auto;

        /* padding-top: 388px;*/
        justify-content: flex-start;

    }



    .blog-slider .blog-slider-item a {

        padding: 0;

        border: 0;

        border-radius: 0;

        margin: 0 0 20px 0;

        font-size: 18px;

        background-color: transparent;

    }

    .pagination-wrap {

        justify-content: left;

        overflow-x: auto;

    }

    .blog-list-item:not(:last-child) .blog-text {

        padding-bottom: 21px;

        border-bottom: 1px solid #e6e6e6;

    }

    .blogger-name {

        padding-left: 0px;

    }

    .pagination-wrap .wp-pagenavi {

        display: flex;

    }

    .blog-slider h6 {

        font-size: 20px;

        line-height: 24px;

    }



    .blog-slider h6 {

        display: block;

        font-size: 20px;

        line-height: 24px;

        padding-bottom: 16px;

        border-bottom: 1px solid #ECECEC;

        margin-bottom: 30px;

    }



    .blog-slider .close {

        position: absolute;

        width: 36px;

        height: 36px;

        background: #000;

        color: #fff;

        display: flex;

        align-items: center;

        justify-content: center;

        bottom: 20px;

        left: 0;

        right: 0;

        margin-left: auto;

        margin-right: auto;

    }



    .blog-slider-trigger span {

        font-size: 16px;

        font-weight: bold;

    }



    .blog-list-wrap {

        margin-bottom: 57px;

        margin-top: 33px;

    }



    .blog-list-item:not(:last-child) {

        margin-bottom: 33px;

    }



    .blog-highlight .blog-highlight-right {

        padding: 0 16px;

    }



    .blogger .blogger-name {

        display: flex;

        flex-direction: row;

        align-items: flex-start;

    }

    .blogger-name .blogger-image {

        top: 10px;

    }

    .blogger .blogger-image {

        order: 2;

        width: 25px;

        margin-right: 10px;

        height: 25px;

        position: static;

    }

    .blogger .blog-detail-image img {

        height: 250px;

        object-fit: cover;

    }



    .blog-detail-description .col-4,

    .blog-detail-description .col-6 {

        flex: 0 0 100%;

        max-width: 100%;

    }

    .blog-detail-content .col-4,

    .blog-detail-content .col-6 {

        flex: 0 0 100%;

        max-width: 100%;

    }

    .blog-detail-description h5 {

        font-size: 18px;

        margin-top: 20px;

    }



    .blog-detail-description h4 {

        font-size: 20px;

    }

    /* .blog-detail-content .col-4{

        display: none;

    } */

    .blogger {

        padding-top: 67px;

        padding-bottom: 37px;

        padding-left: 0;

        padding-right: 0px;

    }

    .blogger h1 span {

        display: block;

    }

    .blog-detail-description {

        padding-top: 53px;

        padding-bottom: 60px;

    }

    .blog-detail-content {

        margin-top: 25px;
        padding-top: 5px;

    }

    .blogger h1 {

        font-size: 24px;

        margin-bottom: 10px;

    }

    .blogger-sub-title {

        width: calc(100% - 35px);

        margin-left: 0;

        order: 2;

    }
    .blogger-lkdin{
        order: 2;
    }

    .blogger-title {

        width: 100%;

    }

    .blogger .blogger-image img {

        width: 27px;

        height: 27px;

    }

    .blog-list-item .blog-image img {

        width: 124px;

        height: 124px;

    }

    .blog-slider .blog-slider-item a:before {

        font-family: 'iconfont' !important;

        speak: never;

        font-style: normal;

        font-weight: normal;

        font-variant: normal;

        text-transform: none;

        line-height: 1;

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

        font-size: 8px;

        content: "\e902";

        color: #6D6D6D;

        position: relative;

        top: -3px;

        padding-right: 8px;

        font-weight: 600;

    }

    .blog-slider-trigger .fs-icon-arrow-right:before {

        content: "";

        background: url(../img/icon_filter.png);

        width: 24px;

        height: 24px;

        float: right;

    }

    .box-padding-innermost .pagination-wrap {

        overflow: hidden;

    }

    .box-padding-innermost .pagination-wrap .wp-pagenavi {

        flex-flow: wrap;

    }

    .blog-slider-trigger>a {

        width: 100%;

    }

    .blog-detail-page .blog-detail-content .blog-list-wrap {

        margin-right: 0;

    }

    .blog-detail-page .blog-detail-content .blog-list-wrap .blog-list-item .blog-text {

        padding-bottom: 0;

        border-bottom: 0;

    }

    .blog-detail-content .post-content {

        order: 2;

        margin-top: 30px
    }



}

@media (min-width:991px) {

    .contact-btn .contact-btn-text {

        position: fixed;

        top: 180px;

        right: -4px;

        z-index: 1;

        transform: rotate(-90deg)translateY(-100%);

        transform-origin: right;

        transition: 0.3s all;

    }

    .contact-btn .contact-btn-text:hover {

        right: 13px;

    }

    .contact-btn .contact-btn-text a {

        border-radius: 7px 7px 0px 0px;

        padding: 7px 15px 27px 15px;

        color: #fff;

        background-color: #aa0f09;

        border: 1px solid #aa0f09;

        font-size: 18px;

        font-weight: bold;

        margin: 20px 0 0 0;

        min-width: 110px;

        line-height: 1.1;

    }

}

@media (min-width: 1025px) {

    .blog-detail-page .blog-detail-content .blog-list-wrap {

        margin-right: 105px;

    }

}

@media (min-width: 813px) {

    .blog-detail-page .blog-detail-content .blog-image {

        flex: 0 0 120px;

        max-width: 120px;

    }

}



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

    .scroll-top span {

        display: none;

    }



    .scroll-top {

        background-image: url(../img/scroll-up.svg);

        width: 40px;

        height: 40px;

        transform: rotate(0deg);



    }



    .scroll-top:after {

        display: none;

    }



}

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

    .scroll-top {

        bottom: 20px;

    }

    .contact-btn .contact-btn-text {

        /* bottom: 35px; */
        bottom: 20px;

        right: 75px;

        top: auto;

        width: auto;

        border-radius: 50px;

        transform: none;

        writing-mode: revert;

        /* padding: 9px 22px; */
        padding: 11.5px 19px;

        margin-right: 15px;

    }

    .contact-btn .contact-btn-text:hover {

        width: auto;

    }
    .footer-content p{
        line-height: 24px;
    }
    .contact-btn .contact-btn-text a {
        font-size: 18px;
    }
    .footer .footer-row-2 .social-icons-wrapper {
        gap: 31px;
    }

}
@media screen and (max-width: 767px){
    .contact-btn .contact-btn-text a {
        font-size: 16px;
    }
    .contact-btn .contact-btn-text {
        right: 60px;
        bottom: 17px;
        padding: 12px 18.5px;
    }
    
}

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

    .contact-btn .contact-btn-text {

        right: 55px;

    }

}

@media screen and (max-width: 374px) {
    .ftr-ofc-lctn-wrap {
        padding-left: 15px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1366px) {

    .scroll-top span {

        font-size: 14px;

    }

    .nav-container .main-menu {

        margin-right: 6.5rem;

    }

    .main-menu .menu-item .sub-menu {
        top: 113px;
    }


}

@media screen and (min-width: 1025px) and (max-width: 1199px) {

    .main-menu .menu-item .sub-menu {
        top: 130px;
    }


}

@media screen and (min-width: 1200px) {

    .main-menu {

        margin-right: 7rem;

    }

}

@media screen and (min-width: 1444px) and (max-width: 1599px) {

    .navbar {

        font-size: 16px;

        margin-right: 5rem;

    }

}

@media screen and (min-width: 1025px) and (max-width: 1199px) {

    .main-menu {

        margin-right: 3rem;

    }

}



@media screen and (min-width: 1200px) and (max-width: 1399px) {

    .main-menu {

        margin-right: 5rem;

    }

}

@media screen and (min-width: 1400px) and (max-width: 1599px) {

    .main-menu li {

        padding: 0 2rem;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1366px) {

    .header {

        padding-top: 22px;

    }

    .nav-container .main-menu li {

        padding-left: 2rem;

        padding-right: 2rem;

    }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .blog-highlight .blog-highlight-right a img {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .blog-highlight .blog-highlight-right a img {
        height: auto;
    }

}