body {
    padding-top: 1px; 
	background-color: #b6b6b6;
}
#header {   
	margin: 10px 0;
}
.mobile-footer .txt_footer_bar {
    display: inline-flex; /* Set the display property to inline */
    /*margin-right: 10px;  Optional: Add some margin between the navigation items */
}
a {
    text-decoration: none;
}

/* Optional: Add some styling to the links */ 
.mobile-footer .txt_footer_bar a {
    text-decoration: none;
    color: #333; /* Set the color as per your design */
}   

/* Optional: Add styling for hover effect on links */
.mobile-footer .txt_footer_bar a:hover {
    text-decoration: underline; /* Change the style on hover */
    color: #007bff; /* Change the color on hover */
}

/* slider mobile blue color navbar */
.wx-sectionNavBar{background-color:#0072C6;text-shadow: none;padding:1px 0}
.wx-sectionNavBar a{color:#FFF}
.wx-sectionNavBar-list{list-style-type:none;margin:0;padding:4px 0;font-size:15px;font-family:Arial,Helvetica,sans-serif}
.wx-sectionNavBar-list li{display:inline}
.wx-sectionNavBar-list a{width: 18%; display: inline-block; padding: 7px 0px 0px 0px ;/* display: inline; */ text-align: center; line-height:2em;}
.wx-sectionNavBar-list select{width:75%;margin-right:10px}
.wx-sectionNavBar-list button{width:10%}

 
.topnav a {
    float: left;
    display: block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 14px;
    border-bottom: 3px solid transparent;
  }
  
  .topnav a:hover {
    border-bottom: 3px solid #0D5079;
  }
  
  .topnav a.active {
    border-bottom: 3px solid #0D5079;
  }
#two_colum {
   /*  width: 750px; Set the width to 100% by default */
    height: auto; /* Allow the height to adjust automatically */
    padding: 0px;
}
.thumbnail {
    margin-bottom: 5px;
	border: 0px none;
}
.thumbnail img {
	border: 1px solid #ddd;
	border-radius: 4px;	
	padding: 4px;
}
/* .thumbnail img:hover {
	border: 1px solid #00eeff;
} */
.thumbnail_div {
	margin-bottom: 20px;
	text-align: center;
}

* Reset some default margin and padding */
body, h1, h2, h3, p {
    margin: 0;
    padding: 0;
}
/* Style the header */
.navbar {
    background-color:none; /* Change this to your desired header background color */
	/* position: fixed; */
    width: 100%;
    top: 0;
    z-index: 1000;
    transition: top 0.3s; /* Add a smooth transition effect */
}
 .navbar.hidden {
    top: -60px; /* Adjust the value to hide the navbar */
} 
.navbar-toggle{
	background-color:#9E9E9E;
}
/* Style the main content area */
.container {
    margin-top: 1px; /* Adjust this to match the height of your header */
    padding:0px;
    background-color: #fff; /* Change this to your desired body background color */
    border-radius: 0px; /* Add rounded corners to the body */
    border: 1px solid  #00000040;
}
/* .col-lg-12 h1{
    width: 670px;
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 10px; 
} */
.page-header {
    color: #009900; /* Change this to your desired heading color */
	text-align: center;
}
#txt_btn1 {
    border-bottom: 1px dashed #dedede;
    width: 50%; 
    margin-inline: auto;
}
/* .col-lg-12{
	padding-top: 20px; 
	} */
    .three_table_rows{
        margin-left: 10px;
        margin-right: 10px;
    }
   
    
    .txt_footer_bar{
    text-align: center;
    }
    .txt_footer_bar a {
    text-decoration: none;
    color: black;
    
}
	
/* Style the footer */
footer{
    margin-top:0px;
    padding: 10px 0px 10px 0px;
    background-color: #f5f5f5;; /* Change this to your desired footer background color */
    border-top: 1px solid #808080ab;
    
    
}

/* Optional: Add some styling to the navigation links */
.navbar-nav > li > a:hover {
    background-color: #555; /* Change this to your desired hover background color */
    color: #f73737; /* Change this to your desired hover text color */
}
.navbar-nav > li > a {
    color: #100a07; /* Change this to your desired header text color */
}
.navbar.hidden {
	top: -60px;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

/* .row {
    margin-right: -15px;
    margin-left: -15px
} */

td.td_thumbnail_title
{
    border: 0px none;
	text-align: center;
	vertical-align: top;
}
td.td_thumbnail_image
{
	text-align: center;
	vertical-align: middle;

}
img.img_thumbnail_image
{
    border: 0px none;
    text-align: center;


}
img.img_full_size_image
{
    border: 0px none;
    text-align: center;
}
table.thumbs_table
{
    width: 100%;
    background-color: White;
    border: 0px none;
    text-align: center;
}
table.outer_border
{
    width: 100%;
    background-color: White;
    border: 0px none;
    padding-left:15px;
    padding-right:15px
}
td.inner_border
{
    border: 0px none;
    text-align: center;
}
td.navigator-left
{
    width: 100%;
    border: 0px none;
	padding: 5 0 5 0;
	text-align: right;
}
td.navigator-right
{
    width: 100%;
    border: 0px none;
	padding: 5 0 5 0;
	text-align: right;
}
a.navigator
{
 background-color: White;
    color: blue;
    text-decoration: none;
    font-size: 14px;
}
a:hover.navigator
{
	background-color:#CCCCCC;
    color: white;
    text-decoration: none;
}

* {
    box-sizing: border-box;
  }
  .row::after {
    content: "";
    clear: both;
    display: block;
  }
  
 
  @media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
      width: 100%;
    }
   } 

/* Mobile responsiveness  */
@media (max-width: 767px) {
    .navbar {
        position: none;
        top: 0;
    }

    .navbar.hidden {
        top: 0;
    }

    .navbar-brand {
        width: 100%; /* Make the logo span the full width */
        text-align: center; /* Center the logo */
    }

    .navbar-toggle {
        margin-right: 15px; /* Add some spacing to the right of the toggle button */
    }
	
}

    
                       /*  single page layout css  */

/* Media query for PC version  992 with a fixed width and height */
[class*="col-"] {
    float: center;
    /* padding: 15px; */
} 
.pad_sig { 
    padding-left: 10px;  
}
.txt_pd{ 
padding-top:3px;
}
@media (min-width: 1024px)  and (max-width:1399px){
    #two_colum{
        width:1021px; 
        text-align: center;
    }
    #two_colum_title {
        display: inline-block; 
    }
    #two_colum_title_green {
        display: contents;
    }  
    #prevBtn {
        left:20px;
    }
    
    #nextBtn {
        right: 20px; 
    } 
}


/* Media query for screen widths between 1200px and 1439px */ 
@media (min-width: 1200px) and (max-width: 1339px) {
    #two_colum {
        width:1150px;/* Set the fixed width for PC version */
        height: auto; /* Set the fixed height for PC version */
    }
     #mob_ad{
        display: none;
    }
} 

/* Media query for screen widths between 1200px and 1439px */ 
@media  (min-width: 1200px)  and (max-width:1439px){
    #two_colum {
        width:1500px;/* Set the fixed width for PC version */
        height: auto; /* Set the fixed height for PC version */
    }
     #mob_ad{
        display: none;
    }
    .three_table_rows{
        display: flex;
    }
    #prevBtn {
        left:20px;
    }
    
    #nextBtn {
        right: 20px; 
    } 
     /* sataday roju ekkada edit chesa 30.03.2024 */
} 
/* Media query for screen widths between 1200px and 1439px */ 
@media (min-width:1440px) and (max-width: 2560px) {
    #two_colum {
        width:1755px;/* Set the fixed width for PC version */
        height: auto; /* Set the fixed height for PC version */
    }
     #mob_ad{
        display: none;
    }
    .three_table_rows{
        display: flex;
    }
    #prevBtn {
        left:40px;
    }
    
    #nextBtn {
        right: 40px; 
    } 
    /* sataday roju ekkada edit chesa 30.03.2024 */
} 

/* tab ads hide and nav bar font size decrased this code Media  query for smaller screens (e.g., mobile devices) */
@media (min-width: 768px)and (max-width: 1023px) {
    #img_mobil img {
        max-width: 100%;
        height: auto;
    }
    #pc_ads_tab{ 
        display: none;
    }
    .topnav .nav li a {
        font-size: 10px;
     }
     #two_colum{
        width:100%; 
        text-align: center;
    }
    #two_colum_title {
        display: inline-block; 
    }
    #two_colum_title_green { 
        display: contents;
    } 
}

        /* thumbnailpage layout tab mobile pc  Narendhar code */
      
@media (min-width: 767px) and (max-width: 1023px) {
    #text_btn2 {
        width: 100%;  
    } 
    #prevBtn { 
        left:20px;
    }
    
    #nextBtn {
        right: 20px; 
    }
    #facebook{
        padding-top:10px ;
    }
}
  
@media (min-width: 1024px)  and (max-width:1199px){ 
    #text_btn2 {
        width: 1021px; /* Set the fixed width for PC version */
        height: auto; /* Set the fixed height for PC version */
    } 
    #facebook{
        padding-top:10px ;
    }
} 

@media (min-width: 1200px)  and (max-width:1439px){  
    #text_btn2 {
        width:1500px; /* Set the fixed width for PC version */
        height: auto; /* Set the fixed height for PC version */
    } 
    #facebook{
        padding-top: 22px;;
    }
    
}

@media (min-width:1440px) and (max-width: 2560px) {
   #text_btn2 {
        width: 1900px; /* Set the fixed width for PC version */
        height: auto; /* Set the fixed height for PC version */
    }
    #facebook{
        padding-top: 27px;;
    }
     
}
.topnav .nav li:not(:last-child)::after { 
    content: "|";
    color: #e3e3e3; /* Change the color as needed */
    margin: 0 5px; /* Adjust spacing as needed */
}

/* Small screen (320px and below) */
@media only screen and (max-width: 320px) {
    .col-lg-12{
        padding-left: 0px; 
        padding-right: 0px;
    } 
    #facebook{
        padding-top:5px ;
    }
    #prevBtn {
        left: 1px;
    }
    
    #nextBtn {
        right: 1px;
    }
}

/* Medium screen (375px) */
@media only screen and (min-width: 321px) and (max-width: 375px) {
    
    .col-lg-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #facebook{
        padding-top:5px ;
    }
    #prevBtn {
        left: 5px;
    }
    
    #nextBtn {
        right: 5px;
    }
} 

@media only screen and (min-width: 426px) and (max-width: 766px){
    #prevBtn {
        left:22px;
    }
    
    #nextBtn {
        right: 22px;
    }
    #facebook{
        padding-top:5px ;
    }
}
/* Large screen (425px) */
@media only screen and (min-width: 376px) and (max-width: 425px) {
   
    .col-lg-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #facebook{
        padding-top:5px ;
    }
    #prevBtn {
        left: 6px;
    }
    
    #nextBtn {
        right: 6px;
    }
    
}
table{
    overflow: hidden;
}

#lg_sg_device{
    overflow: hidden;
}
#mob_ad{
    overflow: hidden;
}
#two_colum{
    overflow: hidden;
}