/* @mixin xs(){ @media(min-width:0px) and (max-width: 575.9px){
    @content();
  }
}

 @mixin sm(){ @media(min-width:576px) and (max-width: 767.9px){
    @content();
  }
}


 @mixin md(){ @media(min-width:768px) and (max-width: 991.9px){
    @content();
  }
}

 @mixin lg(){ @media(min-width:992px) and (max-width: 1199.9px){
    @content();
  }
}

 @mixin xl(){ @media(min-width:1200px) and (max-width: 1399.9px){
    @content();
  }
}

 @mixin xxl(){ @media(min-width:1400px){
    @content();
  }
} */

 * {
   box-sizing: border-box;
 }

 @media (max-width: 576px) {

   .container {
     position: relative;

   }

   .logo_nav_link {
     display: none;
   }

   .reponsive_heder_top {
     display: block;
     display: flex;
     justify-content: space-between;
     padding-bottom: 10px;
   }

   .header_logo_sm {
     width: 40%;
   }

   .simple-searceh {
     display: flex;
   }

   .simple-searceh input[type="text"] {
     padding: 8px 12px;
     font-size: 6px;
     width: 100px;
     border: 1px solid #ccc;
     border-radius: 4px;

   }

   .simple-searceh button {
     padding: 8px 16px;
     font-size: 6px;
     margin-left: 5px;
     background-color: #007BFF;
     color: white;
     border: none;
     border-radius: 4px;
     cursor: pointer;
   }

   .simple-seareh button:hover {
     background-color: #0056b3;
   }

   /* .logo_nav_link {
     height: 16px;
   } */

   .social {
     display: none;
   }

   .head_vedio_content {
     display: none;
   }

   .h-16 {
     height: 2rem;
   }

   .nav_link_sm {
     /* border: 1px solid rgb(0, 81, 255); */
     display: flex;
     justify-content: space-between;
     gap: 30px;

   }

   .nav_section_left_sm {
     width: 100%;
     /* border: 1px solid red; */
   }

   .nav_section_left_sm ul {
     display: flex;
     gap: 10px;
     padding-left: 10px;
   }

   .nav_section ul li {}

   .nav_section ul li a {}

   .nav_section_right_sm {
     /* border: 1px solid red; */
     width: 100%;
     text-align: end;
   }

   /* .simple-search {
     display: none;
   } */
   .simple-search {
     display: none;
     text-align: center;
     margin-top: 0px;
   }

   .simple-search input[type="text"] {
     padding: 8px 12px;
     font-size: 8px;
     width: 95px;
     border: 1px solid #ccc;
     border-radius: 4px;
     left: 160px;
     bottom: -22px;
   }

   .simple-search button {
     padding: 9px 16px;
     font-size: 7px;
     margin-left: 5px;
     background-color: #007BFF;
     color: white;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     left: 252px;
     bottom: -22px;
   }

   .simple-search button:hover {
     background-color: #0056b3;
   }

   .nav_section_right_sm .humbarger {
     display: block;
   }

   .header_current_date {
     display: none;
   }

   .header_logo {
     display: none;
     position: absolute;
     bottom: -4px;
     left: 0;
   }

   .header_logo img {
     height: 54px;
     width: 50%;
   }

   .head_vedio {
     position: relative;

   }

   .head_vedio_content {
     position: absolute;
   }



   .nav_link {
     position: relative;
   }

   .nav_link .humbarger {
     position: absolute;
     right: 14px;
     bottom: 46px;
   }

   .nav_link .nav_all_link {
     background-color: rgb(235, 240, 240);
     position: absolute;
     top: 70px;
     right: 10px;
     clip-path: circle(100px at 140% -30%);
     /* transition: all 1s ease-out; */
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
   }

   .nav_link .nav_all_link.open {
     clip-path: circle(1900px at 90% -10%);
     height: 350px;
   }



   /* Gallary section startd */

   .gallary_section {
     display: inline-block;
   }

   .gallary_section_left {
     height: 284px;
     padding-left: 5px;

   }

   .gallary_section_left img {
     width: 100%;
   }

   .gallary_section_right {
     width: 100%;
     padding-top: 5px;
     height: 336px;
     padding-left: 5px;

   }


   /* National section started */
   .rajnite_section_header {
     width: 100%;
     /* margin-left: 5px; */
   }

   .rajnite_section {
     margin-top: 10px;
     width: 100%;
   }

   .news-section {
     padding: 0;
   }

   .news-grid-section {
     padding: 5px;
   }

   .national_section_mine {}

   .national_section_mine_top {
     width: 100%;
   }

   .national_section_mine_bottom {
     width: 100%;
   }

   .national_section_mine_bottom img {
     height: 100%;
     width: 100%;
   }

   .national_section_mine_bottom p {
     display: none;
   }


   .braking_news {
     display: flex;
     width: 100%;
   }

   .news-grid .grid {
     grid-template-columns: 1fr;
     /* এক কলাম */
   }




   .news-card h2,
   .news-card h4 {
     font-size: 18px;
     /* মোবাইলে ফন্ট ছোট রাখুন */
     line-height: 1.4;
   }

   .news-card p {
     font-size: 14px;
     line-height: 1.5;
   }

   .international_bottom_small .grid {
     grid-template-columns: repeat(2, 1fr);
     /* ৩টা করে কলাম */
   }

   .hilites_section_sm .grid {
     grid-template-columns: repeat(2, 1fr);
   }

   /* politice  scrtion started */

   .politic_section_left_sm .grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 12px;
     padding-left: 5px;
   }

   .iran_bacakirito img {
     width: 100%;
     height: 75%;
   }

   .iran_bacakirito p {
     width: 100%
   }

   .politic_section_left_sm .iran_bacakirito {
     width: 100%;
   }

   .politic_section_bottom_sm {
     padding-left: 10px;
   }


   .national_section {
     display: inline-block;
     margin-top: 15px;
     width: 100%;
   }

   .national_section_title {
     width: 100%;
   }

   .national_section_top_content {
     width: 100%
   }

   .national_section_top_content {}

   .national_content1 {
     width: 100%;
   }

   .national_section_left {
     width: 100%;
   }

   .national_section_bootom_content {
     display: grid;
     grid-template-columns: 1fr 1fr;
     width: 100%;
   }

   .national_section_right {

     width: 100%;
     margin-top: 10px;
   }

   .srbadik_scrool {
     height: 340px;
     overflow-y: auto;
     padding-right: 5px;
   }

   .rajnite_content3 {
     display: none;
   }

   .rajnite_content2 {
     display: none;
   }

   .dangu_sec {
     display: grid;
     grid-template-columns: 1fr;
   }

   .country_left {
     width: 100%;
   }

   .country_section {
     display: block;
     margin: 15px 5px;
   }

   .country_left img {
     width: 100%;
     height: 240px;
   }

   .country_right {
     display: grid;
     grid-template-columns: 1fr 1fr;
     width: 100%;
   }

   .islamic_header img {
     height: 55px;
   }

   .islami_section {
     display: grid;
     grid-template-columns: 1fr 1fr;
   }

   .islami_section_content {
     width: 100%;
     padding: 10px;
   }

   .play_section {
     display: grid;
     grid-template-columns: 1fr;
   }

   .center-column img {
     width: 100%;
     height: 304px;
   }

   .national_section_header_title {
     display: flex;
     background-color: #d6d1d1;
     width: 100%;
     justify-content: space-between;
     padding: 10px;
     margin-bottom: 10px;
     margin-top: 10px;
   }

   .left-column {
     display: grid;
     grid-template-columns: 1fr 1fr;
     width: 100%;
   }

   .center-column {
     width: 100%;
     padding-top: 15px;
     padding-left: 10px;
   }

   .right-column {
     width: 100%;
     display: grid;
     grid-template-columns: 1fr;
   }

   .feature_sm {
     display: grid;
     grid-template-columns: 1fr;
   }


   .econ-container {
     display: block;
     margin-top: 10px;

   }

   .econ_middle {
     width: 100%;
     margin-top: 10px;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
     padding-left: 5px;
   }

   .econ-left {
     flex: 2;
     background: #fff;
     padding: 10px;
     border-radius: 6px;
     width: 100%;
   }


   .econ-left img {
     width: 100%;
     height: 211px;
     border-radius: 4px;
   }

   .tea-content {
     display: block;
     gap: 20px;
     padding-top: 10px;
   }

   .side-news {
     padding-top: 20px;
   }

   .section-container {
     display: block;
     padding-left: 5px;
   }

   .calendar-header {
     margin-top: 10px;
   }

   .econ-right {
     width: 100%;
   }

   .calendar-container {
     width: 100%;
   }

   .news-items {
     display: block;
   }

   /* details page rsponsive design */

   .category_national_section {
     display: block;
   }

   .category_left {
     width: 100%;
     /* margin: 10px 5px; */
   }

   .category_right {
     width: 100%;
   }

   .category_left_top p {
     padding: 3px;
   }

   .dtails_main .grid {
     display: grid;
     grid-template-columns: 1fr;
   }

   .category_right_content {
     display: flex;

   }

   .category_right_content img {
     width: 100%;
   }

   .category_right_content h4 {
     width: 100%;
   }

   .most-read-box {
     width: 100%;
   }


   .news-ticker {
     overflow: hidden;
     white-space: nowrap;
   }

   .news-ticker ul {
     display: flex;
     padding: 0;
     margin: 0;
     list-style: none;
     animation: ticker 10s linear infinite;
   }

   .news-ticker li {
     display: inline-block;
     padding: 0 2rem;
     font-size: 14px;
     color: #222;
   }

   @keyframes ticker {
     0% {
       transform: translateX(100%);
     }

     100% {
       transform: translateX(-100%);
     }
   }


 }