@media (max-width: 1100px)
 {
    article
     {
        display: inline-block !important;
    }

    .news-image-box
     {
         margin-bottom: 30px !important;
    }

    .news-image-box img
     {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
    }

    .news-image-box
     {
        width: 100%;
    }

    a.wc-pdf-link 
    {
    display: contents;
    }
}

@media (max-width: 900px) {

    .container 
    {
        margin: 0px;
    }

    div#news-app
     {
        display: inline-block !important;
        padding: 20px !important;
    }

    ul#news-category-list
     {
    padding-left: 0px;
    }

    .news-title-box h2.news-post-title a, h1.detail-page-heading
     {

    font-size: 30px;
    line-height: 30px;
    }

    section.news-post-detail-section
    {
        padding: 20px;
    }

    div#news-app aside
    {
        width: 100% !important;
        float: left;
    }

    main#news-posts
     {
        width: 100% !important;
        float: left;
    }

    .wcsharebtn
     {
        float: left;
        width: 100%;
        margin: 5px 0px;
        text-align: left;
    }
    
    section.stock-hero-section
     {
    min-height: 350px !important;
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
    background-position: left;
    }

    .nav
     {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px !important;
    justify-content: center;
    }

    .page-template-stock-info .container
     {
    max-width: 95%;
    margin: 0px auto;
    }

    ul.content-list
     {
    display: flex;
    padding-left: 0;
    margin-top: 30px;
    flex-direction: column;
   }

   .wc-documents-bg ul.content-list li
    {
    margin-bottom: 20px !important;
    list-style: none !important;
    width: 100%;
    display: block;
   }

   a.wc-pdf-link {
    display: flex;
   }
   

}

@media (max-width: 767px)
 {
  
    .elementor-toggle .elementor-tab-title
     {
    	display: flex !important;
	}

    section.news-hero-section 
    {
    text-align: center;
    background-position: left center;
    min-height: 300px;
       }  

    .stock-title h1,  .news-title h1
     {
        font-size: 35px !important;
    }

    .stock-detail h2, .historical-detail h2 
    {
        font-size: 20px;
    }

    body .historical-detail form input[type="date"]
     {
    width: 50% !important;
    }

    ul.content-list
     {
    padding-bottom: 5rem;
    }

    section.news-post-detail-section {
    overflow-x: hidden;
    }
    .wc-form-type.wc-form-col {
    margin-bottom: 20px;
    text-align: center;
    }
    .sec-filters {
        display: inline !important;
    }
}

@media (max-width: 450px)
{
    .table-wrapper, .stock-detail, .historical-detail
    {
		width: 100%;
        overflow-x: auto;
    }

    form#filterForm 
    {
    display: flex !important;
    margin-bottom: 20px !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-right: 0px !important;
    }

    .start
     {
    margin-right: 0px !important;
    display: flow-root;
    align-items: center;
    }

    .end
    {
    width: 100%;
    display: flex;
    justify-content: space-around; 
    margin-right: 0px !important;
    }

    form#filterForm input[type="submit"]
     {
    margin-top: 10px !important;
    align-self: center !important;
    width: 50% !important;
    }

    body .historical-detail form input[type="date"]
     {
    width: 45% !important;
    } 

    table.stock-info tr th, table.stock-info tr td
     {
    padding: 7px;
    }

    .zoom-controls button
     {
     padding: 4px 10px !important;
    }

}

@media (max-width: 380px) {
    .btns .range-btn
    {
        width: 15%;
        padding: 11px;
    }

    .historical-detail input[type="date"] {
    padding: 0.5rem 0rem !important;
}

}