@media (max-width: 1200px) {
    .navbar-brand img {
        height: 42px;
    }

    .nav-item {
        padding-left: 35px;
    }
}

@media (max-width: 1024px) {
    .blog-card {
        margin-bottom: 15px;
    }

}


/* ////////////////////////////////////////////////////// */
@media (max-width: 991px){
    h1{
        font-size: 1.6rem;
    }
    .text-muted{
        margin-bottom: 1rem;
    }
    .contactus-hadding , .blogs-hadding , .about-us-hadding{
        margin-bottom: .8rem !important;
    }

    .container, .container-md, .container-sm {
        max-width: 80%;
    }
    .navbar-collapse{
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.85);
        z-index: 999;
        padding-top: 80px;
        width: 40%;
        height: 100vh;
        transition: all .1s !important;
    }
    .nav-item{
        padding: 15px;
        padding-left: 100px;
    }

    #hero .carousel-item h1 {
        font-size: 1.6rem;
        line-height: 30px;

    }
    /* //////////////////////// */
    .sidebar-title{
        font-size: 1.6rem;
    }
    .search-container {
        width: 80%; 
    }
    .secondary-nav{
        display: none;
    }
    .m-dropdown-menu{
        display: block;
    }
    /* ////////////////////////////////// */
    .blogs-section {
        padding: 5px;
    }
 
     /* /////////////////////////////////////////////////// */
     .dropdown ul li a{
        font-size: 15px;
    }
    /* ///////////////////////////////// */
    .blog-detail-title{
        font-size: 20px;
    }
  
    
}




/* ////////////////////////////////////////////////////// */



@media (max-width: 768px) {
    h1{
        font-size: 1.6rem;
    }
    .contactus-hadding , .blogs-hadding , .about-us-hadding{
        margin-bottom: .8rem !important;
    }

    .text-muted{
        font-size: 15px;
    }
    .container, .container-md, .container-sm {
        max-width: 88%;
    }
    /* /////////////////////// */

    .nav-item {
        padding: 13px;
        padding-left: 64px;
    }
    .navbar-collapse {
        width: 45%;
    }
    .navbar-toggler-icon {
        width: 1.2em;
        height: 1.2em;
    }
    #hero .carousel-item h1 {
        font-size: 1.35rem;
    }
    /* ////////////////// */
    
    .sidebar {
        margin-top: 30px;
    }

    /* ///////////////// */
    .blog-card img {
        height: 150px;
    }

    .search-bar input {
        width: 90%;
    }
    /* ///////////////////////////////////////////////// */

    .post {
        padding: 16px;
    }
    .post-title {
        font-size: 24px;
    }
    .post-description , .post-highlight ,.post-content{
        font-size: 16px;
    }
    .post-meta {
        font-size: 14px;
    }
    .sidebar-title , .post-subheading {
        font-size: 20px;
    }
    .post-content{
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }
    
    .related-posts ul li img {
        width: 45px;
        height: 45px;
    }
  
    /* /////////////////////////////////////////////////// */
    .themed-breadcrumb {
        padding: 0.5rem 0.75rem;
    }
    .breadcrumb-item {
        margin-right: 5px;
        font-size: 12px;
    }
    .breadcrumb-item::after {
        font-size: 12px;
    }
    /* /////////////////////////////////////////////////// */
    .contact-container {
        padding: 20px;
    }
    .contact-form button {
        width: 100%;
    }
    /* /////////////////////////////////////////////////// */
    .legal-page h1 {
        font-size: 18px;
        border-radius: 8px;
    }

    .legal-page h2 {
        font-size: 18px;
    }

    .legal-page p {
        font-size: 14px;
    }
    /* /////////////////////////////////////////////////// */
    .about-page-container {
        padding: 15px;
    }
    .about-page-title {
        font-size: 1.4rem;
    }
    /* /////////////////////////////////////////////////// */
    .form-control{
        font-size: .85rem;
    }
    .contact-form button {
        
        padding: 10px 20px
    }
    /* /////////////////////////////////////////////////// */
    .dropdown ul li a{
        font-size: 14px;
    }
    /* /////////////////////////////////////////////////// */
    .pagination {
        flex-wrap: wrap;
        gap: 5px;
      }
    
      .page-link {
        padding: 8px 12px;
        font-size: 13px;
      }
      /* ///////////////////////////////////////////////// */
      .blog-detail-title{
        font-size: 16px;
        padding: 8px 12px;
        /* text-align: justify; */
        text-transform: capitalize;
    }
    /* ////////////////////////////////////////////////// */
    .social-icon{
        width: 30px;
        height: 30px;
    }
}


@media (max-width: 480px) {
    /* /////////////////////// */

    h1{
        font-size: 1.2rem;
    }
    .text-muted {
        font-size: .8rem;
        margin-bottom: .2rem !important;
    }
    .container, .container-md, .container-sm {
        max-width: 92%;
    }
    .navbar-toggler-icon {
        width: .9em;
        height: .9em;
    }
    .navbar-brand img {
        height: 33px;
    }
    header .navbar-nav a, header .navbar-nav button {
        font-size: 14px;
    }
    .navbar-collapse {
        width: 52%;
    }
    .nav-item {
        padding: 11px;
        padding-left: 35px;
    }

    #hero .carousel-item h1 {
        font-size: 1.2rem;
    }
    /* ///////////////// */
    .blogs {
        padding: 0px;
    }
    .blog-card .card-body {
        padding: 16px;
    }
    .blog-card .card-title {
        font-size: 1rem;
    }
    /* /////////////////// */
    .navbar-toggler-icon {
        width: 1em;
        height: 1em;
    }
    .themed-breadcrumb {
        align-items: flex-start;
        padding: 10px !important;
    }
    .breadcrumb-item {
        font-size: .8rem;
    }
    .breadcrumb-item::after {
        content: '';
    }
    /* /////////////////////////// */
    .newsletter-title {
        font-size: .9rem;
    }
    .newsletter-form .form-control {
        padding: 8px;
        font-size: .9rem;
    }
    .newsletter-form .btn {
        padding: 8px;
        font-size: .9rem;
    }
    /* ////////////////////////////// */

    .sidebar-link {
        font-size: .9rem;
        padding: 3px;
    }
    /* ///////////////////////////// */
    .post {
        padding: 10px;
    }
    .post_detail_container{
        margin: 0px !important;
    }
    .post-title {
        font-size: 18px;
    }
    .post-content{
        margin-top: 0px !important;
    }
    .post-description , .post-highlight , .related-post-hadd .post-content{
        font-size: 14px;
    }
    .post-subheading{
        font-size: 17px;
    }
    /* ////////////////////////// */
    .contact-form button {
        padding: 10px 16px;
        font-size: 15px !important;
    }
    .contact-form input, .contact-form textarea {
        padding: 8px;
        padding-left: 10px;
    }
     /* /////////////////////////////////////////////////// */
     .legal-page {
        padding:30px 16px;
        padding-bottom: 5px;
     }
     .legal-page h1 {
        font-size: 15px;
        border-radius: 6px;
    }

    .legal-page h2 {
        font-size: 15px;
    }

    .legal-page p {
        font-size: 14px;
    }
    /* ////////////////////////////// */
    .search-container {
        width: 90%;
        padding: 20px;
    }
    .search-container .form-control {
        padding: 18px !important;
        font-size: 15px;
    }

    /* /////////////////////////////// */
    footer p{
        font-size: 15px !important;
    }
}