* {
        margin: 0;
        padding: 0;
    }
    
    html,
    body {
        width: 100%;
        overflow-x: hidden;
    }
    
    .blog-ctgn {
        width: 100%;
        background-color: #fff;
        position: fixed;
        z-index: 3;
        top: 38px;
    }
    
    .blog-ctgn-sec {
        width: 100%;
        box-shadow: 0 .4rem .5rem .4rem #518c8f;
        border-top: .1rem solid #ddd;
        border-bottom: .1rem solid #ddd;
        margin: 0 auto;
    }
    
    .blog-ctgn-sec .logo img {
        width: 75px;
        animation: spin .5s linear;
    }
    
    @keyframes spin {
        50% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    
    .blog-ctgn-sec .logo {
        margin: 0 auto;
    }
    
    .blog-ctgn-sec {
        display: flex;
        flex-direction: row;
        align-items: center;
        min-height: 75px;
    }
    
    .blog-ctgn-sec .blog-reg {
        margin: 0 auto;
    }
    
    .blog-ctgn-sec .blog-reg a {
        /* width: 103%;  */
        background-color: #518c8f;
        /* Green */
        border: none;
        color: white;
        padding: 10px 30px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        border-radius: 2px;
        font-size: 16px;
        color: white;
        cursor: pointer;
        transition-duration: 0.4s;
    }
    
    .blog-ctgn-sec .blog-reg a:hover {
        box-shadow: 0 12px 16px 0 rgb(23, 6, 100, 0.24), 0 17px 50px 0 rgb(42, 42, 236);
    }
    
    .blog-ctgn-sec ul {
        width: 65%;
        display: flex;
        flex-direction: row;
        cursor: pointer;
        margin: 0 auto;
    }
    
    .blog-ctgn-sec ul li {
        cursor: pointer;
        list-style: none;
        line-height: 2rem;
        padding: 1rem 1.5rem;
        transition: 0.3s;
        position: relative;
        text-align: center;
        transition: width 1s linear 1s;
    }
    
    .right-border-list {
        border-right: 1px solid #d1d3d3;
    }
    
    .blog-ctgn-sec ul li:hover {
        background-color: #518c8f;
        transition: 1s;
        /* width: 400px;
	border-top:50px solid transparent;
	border-left: 80px solid rgb(221, 204, 204);
	border-bottom:50px solid transparent; */
    }
    
    .blog-ctgn-sec ul li a:hover {
        color: white;
    }
    
    .blog-ctgn-sec ul li a {
        text-decoration: none;
        font-size: 18px;
        color: #191919;
        text-align: center;
        text-shadow: none;
        position: relative;
    }
    
    #cmt-button {
        margin-left: 34rem;
    }
    /*-------------------------------------ctg nend-=------------------------------- */
    
    .blog-main-card {
        width: 100%;
    }
    
    .blog-card {
        width: 100%;
        display: flex;
        flex-direction: row;
        position: relative;
        margin: 15rem auto auto auto;
    }
    
    .blog-card-side-border {
        width: 75%;
        border-right: 1px solid;
    }
    
    .sticky {
        margin-top: 5rem !important;
    }
    
    .blog-card-sec {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0rem 4rem;
    }
    
    .blog-card-sec-box p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }
    
    .blog-card-sec-box {
        position: relative;
        /* min-width: 275px; */
        min-width: 150px;
        max-height: 400px;
        /* width: 25%;  */
         width: 21%;
        height: auto;
        /* border: 2px solid red; */
        margin: 1rem 1rem;
        padding: 1rem 2rem;
        float: left;
        background-color: #fff;
        border-radius: 0.5rem;
        box-shadow: #359fe0 0px 2px 8px 0px;
    }


    .blog-card-sec-box a img {
        width: 100%;
        height: auto;
        max-height: 112px;
    }
    
    .blog-card-sec-box a {
        text-decoration: none;
        color: black;
    }
    
    .blog-card-title {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: black;
    }
    
    .blog-card-sec-box a .fixed {
        width: 100%;
        background-color: #518c8f;
        /* Green */
        border: none;
        color: white;
        padding: 12px 44px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        border-radius: 2px;
        font-size: 16px;
        margin: auto auto 1rem auto;
        cursor: pointer;
        transition-duration: 0.4s;
    }
    
    .blog-card-sec-box .btn {
        margin-top: 3rem;
    }
    
    button:hover {
        box-shadow: 0 4px 4px 0 rgb(23 6 100 / 24%), 0 1px 13px 0 rgb(6 6 235);
    }
    
    .blog-card-sec-name {
        width: 85%;
        border-bottom: 1px solid;
        margin-left: 12rem;
    }
    
    .blog-card-sec-name h3 {
        font-size: 25px;
    }
    
    .blog-card-sec-view {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    
    .blog-card-sec-view button {
        background-color: #518c8f;
        border: none;
        color: white;
        padding: 12px 38px;
        text-align: center;
        font-size: 18px;
        margin: 4px 2px;
        opacity: 0.6;
        transition: 0.3s;
        display: inline-block;
        text-decoration: none;
        cursor: pointer;
        border-radius: 2px;
    }
    
    .blog-card-sec-view button:hover {
        opacity: 1;
    }
    
    .ziyyara-poster {
        width: 87%;
        margin: 0 auto;
    }
    
    .ziyyara-poster a .poster {
        width: 100%;
        margin-left: 4rem;
    }
    
    .container-Sec {
        min-width: 678px;
    }
    
    .blog-main-card {
        min-width: 600px;
    }
    /* 
#myHeader {
    margin-left: 4rem;
} */
    /*---------------------------------------------- media query--------------------------------------- */
    
    @media only screen and (max-width: 1025px) {
        .blog-card #myHeader {
            display: none !important;
        }
        .blog-card-side-border {
            width: 95%;
            border: none;
        }
        .blog-card-sec-name h3 {
            text-align: center;
        }
        .blog-card-sec-name {
            width: 80%;
            border-bottom: 3px solid black;
        }
        .blog-card {
            display: block;
        }
        .ctgn.row {
            display: block;
        }
        .col-md-9.Comment.ctgn {
            width: 100%;
        }
        .comment-box.ctgn .col-md-6 {
            margin: 0;
        }
        .blog-ctgn-sec ul li {
            border: none;
        }
        .blog-card .col-md-3 {
            width: 50%;
            text-align: center;
        }
    }
    
    @media only screen and (max-width: 769px) {
        .ctgn #cmt-button {
            width: 30%;
            margin: 8rem auto auto auto;
        }
        .ctgn .row.text {
            margin: 15px auto;
        }
        .blog-ctgn-sec ul {
            display: block;
        }
        .ziyyara-poster a .poster {
            margin: 0 auto;
        }
    }
    
    @media only screen and (max-width: 480px) {
        .blog-ctgn-sec .blog-reg a {
            padding: 10px 15px;
        }
        .blog-ctgn-sec .blog-reg {
            margin: 0 1rem;
        }
        .blog-ctgn-sec .logo {
            margin: 0 1rem;
        }
        .blog-card-sec {
            margin: 0;
        }
        .blog-card-sec-name {
            margin-left: 0rem;
            width: 100%;
        }
        .blog-card-side-border {
            width: 100%;
        }
        .blog-card {
            margin: 19rem auto auto auto;
        }
        .ctgn #cmt-button {
            width: 50%;
            margin: 5rem auto auto auto;
        }
        .blog-main-card {
            min-width: 100%;
        }
        .blog-card {
            margin: 27rem auto auto auto;
        }
        .ctgn #loadMore {
            margin: 0 auto;
            width: 100%;
            text-align: center;
        }
        .social-flex {
            max-width: none;
        }
        .call-us {
            display: none;
        }
        .container-Sec {
            min-width: 100%;
        }
        .social-flex>div {
            flex: 1;
        }
    }