body{overflow-x:hidden;}
.mobile_menu { display: none;}
.s-icons.mobile-show{ display: none;}

@media only screen and (min-width: 1024px) and (max-width: 1170px){
	.muhurtha{width:100%;}
	.astrology-item .content{font-size: 16px;}
	.date .selected{width: 31%;}
	.aside-menu ul li{width: 33%;}
	.horoscope-list .list h4{font-size:15px;}
	.rashifala-items ul li{text-align: center;   width: 16%;}
/*	.headertop .top-left,.headertop .top-right{width: 50%}*/
	.top-menu .menu{width: 832px;}
	.top-menu .login{width: calc(100% - 832px);width: -moz-calc(100% - 832px);width: -webkit-calc(100% - 832px);}
	.top-menu ul li.current_page_item {padding-right: 24px;}
	.top-menu ul li{padding: 0px 8px;font-size: 13px;}
	.top-menu ul li.current_page_item:before {right: 8px;}
	.left-box {width: 70%;}
	.right-box {width: 30%;}
	
	.header .top-left{ padding-left:0px;}
	.read-more-btn {
    background-color: #750606; /* Red background color */
    color: white;           /* White text color */
    padding: 10px 20px;     /* Padding for size */
    border: none;           /* Remove the default border */
    border-radius: 5px;     /* Rounded corners */
    font-size: 16px;        /* Text size */
    cursor: pointer;       /* Pointer cursor on hover */
    transition: background-color 0.3s ease; /* Smooth transition effect */
}

.read-more-btn:hover {
    background-color: darkred; /* Dark red when hovered */
}
.image-container {
  display: grid;
  grid-template-columns: repeat(6, 58px); /* Creates 6 columns for the images */
  gap: 5px; /* Space between images */
  max-width: 100%;
  padding: 5px;
  justify-content: left; /* Centers the grid container */
}

.image-item {
  display: flex;
  flex-direction: column;
  align-items: center; /* Center images and text */
  position: relative;
  justify-content:flex-end;
}

.clickable-image {
 width: 70px; /* Set width for each image */
  height: 48px; /* Set height for each image */
  cursor: pointer;
  transition: transform 0.3s ease;
  
}

.clickable-image:hover {
  transform: scale(1.1); /* Slight zoom effect on hover */
}

.image-name {
  margin-top: 2px; /* Space between image and text */
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #750606;
  display: inline-block;
   transition: transform 0.3s ease;
}
.image-name:hover {
	transform: scale(1.1);
}

	
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
	h2, h5 {font-size: 25px;line-height: 30px;}
	.header{ padding-top:5px; padding-bottom: 5px;}
	.top-menu .menu{display: none;}
	.top-menu .login{width: 100%; text-align: left; max-width:320px;padding: 8px 0;}
	.mobile_menu .top-menu ul li.current_page_item{}
	.mobile_menu { display: block;}
	/*.header .logo {width: 270px;padding-left: 0}
	.headertop .top-left{width: 40%;padding-right: 15px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	.headertop .top-right{width: 60%}
	.header .headertop {width: calc(100% - 274px);width: -moz-calc(100% - 274px);width: -webkit-calc(100% - 274px);padding-right: 0;}	*/
	
	.header .logo{ width:400px;}
	.header .top-left {width: calc(100% - 404px);width: -moz-calc(100% - 404px);width: -webkit-calc(100% - 404px); padding: 10px 0;}
	.header .headertop{ width:100%;}
/*	.main-astrology a { width:50%;}
*/	
	.top-right .s-icons .icons{width: 40%}
	.top-right .s-icons .f-link{width: 58%}
	.muhurtha{width:100%;}
	.astrology-item .content{font-size: 16px;}
	.date .selected{width: 31%;}
	.aside-menu ul li{width: 33%;}
	.main-astrology a:nth-of-type(3n+1) {
    clear: inherit;}
	.main-astrology a:nth-of-type(2n+1) { clear:both;}
	.horoscope-list .list h4{font-size: 27px;}
	.rashifala-items ul li{text-align: center;width: 24%;}
	.left-box{width: 65%;padding-right: 10px;}
	.right-box{width: 35%;}	
/*	.main-astrology .astrology-item{width: 47%;}
*/	.horoscope-list .list{width: 50%;}	
	.muhurtha{background-color:#ffe9cf; background-image: inherit}	
	.muhurtha .muhurtha-item{width: 32%;}
	.top-menu ul{padding-left:0px;}	
	.date .selected select{font-size: 13.5px;}
	.reports{padding-top: 40px;}
	.astrology-title.single #examples{padding: 30px 10px 30px 25px;}
	.astrology-title.single #examples .content {height: 650px;}
	.footer .footer-1 ul li{line-height: 25px;}
	.footer .footer-1 p {font-size: 15px;}
	.footer .footer-1 h5{font-size: 16px; padding-bottom: 0}
	
	.new-flink{ width:100%; display:block; padding:0 0 10px;}
	.new-flink-right{ display:block; width:100%;}
	
	.astrology-item .content-home{ min-height:80px; font-size:15px;}
	.astrology-item .image img{ height:200px !important;}
	
	.table-sec table{ width:600px;}
	.table-sec table td{ white-space:nowrap;}
	.table-sec{ width:100%; overflow-x:scroll;}
	.read-more-btn {
    background-color: #750606; /* Red background color */
    color: white;           /* White text color */
    padding: 10px 20px;     /* Padding for size */
    border: none;           /* Remove the default border */
    border-radius: 5px;     /* Rounded corners */
    font-size: 16px;        /* Text size */
    cursor: pointer;       /* Pointer cursor on hover */
    transition: background-color 0.3s ease; /* Smooth transition effect */
}

.read-more-btn:hover {
    background-color: darkred; /* Dark red when hovered */
}
.image-container {
  display: grid;
  grid-template-columns: repeat(6, 70px); /* Creates 6 columns for the images */
  gap: 5px; /* Space between images */
  max-width: 100%;
  padding: 5px;
  justify-content: left; /* Centers the grid container */
}

.image-item {
  display: flex;
  flex-direction: column;
  align-items: center; /* Center images and text */
  position: relative;
  justify-content:flex-end;
}

.clickable-image {
 width: 70px; /* Set width for each image */
  height: 48px; /* Set height for each image */
  cursor: pointer;
  transition: transform 0.3s ease;
  
}

.clickable-image:hover {
  transform: scale(1.1); /* Slight zoom effect on hover */
}

.image-name {
  margin-top: 2px; /* Space between image and text */
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #750606;
  display: inline-block;
   transition: transform 0.3s ease;
}
.image-name:hover {
	transform: scale(1.1);
}

	
}

@media only screen and (max-width: 767px){
	h2, h5{font-size: 24px;line-height: 29px;}
	.header{ padding-top:10px; padding-bottom: 10px;text-align: center;min-height: auto;height: auto;}	
	.top-menu .menu{display: none;}
	.top-menu .login{width: 100%; text-align: left; max-width:320px; padding:8px 0; }
	.mobile_menu { display: block;}
	.muhurtha{width:100%;}
	/*.header .logo{ width: 100%; float:none; text-align: center;max-width: 260px;margin: 0px auto;}
	.header .headertop{width:100%;float:none; text-align: center;padding: 0;    max-width: 306px;}
	.astrology-item .content{font-size: 16px;}
	.s-icons.desktop-show{display: none}
	.s-icons.mobile-show{ display: block;    padding-top: 0;}
	.headertop .top-left{width: 40%;padding-top: 12px;}
	.headertop .top-right {width: 60%;}
	.top-right .rgt {width: 34px;}
	.headertop .top-right button{padding: 0}
	.top-right.nofloat{float: none; width: 100%}
	.top-right .s-icons .icons{width: 30%}
	.top-right .s-icons .f-link{width: 58%;padding-top: 15px;}*/
	
	.header .logo{ width:400px;}
	.header .top-left {width: calc(100% - 404px);width: -moz-calc(100% - 404px);width: -webkit-calc(100% - 404px);}
	.header .headertop{ width:100%;}
/*	.main-astrology a { width:50%;}
*/	
	.main-astrology a:nth-of-type(3n+1) {
    clear: inherit;}
	.main-astrology a:nth-of-type(2n+1) { clear:both;}
	
	.date .selected{width: 31%;}
	.aside-menu ul li{width: 33%;}
	.horoscope-list .list h4{font-size: 18px; text-align: left;}
	.horoscope-list .list h4 br{ display:none;}
	.rashifala-items ul li{text-align: center;width: 32.6%;}
	.left-box{width: 99%; float:none; padding-right: 0px;}
	.right-box{width: 100%; float:none; padding-top: 50px;}	
	.main-astrology .astrology-item{width: 100%;}
	.horoscope-list .list{width: 50%;}	
	.muhurtha{background-color:#ffe9cf; background-image: inherit; text-align: center;}	
	.muhurtha .muhurtha-item{width: 32%;margin-top: 30px;}
	.top-menu ul{padding-left:0px;}	
	.astrology-item .content span br{display:none;}	
	.rashifal-tabs .rashifal-subtab{ width: 100%;}
	.subtab-content{ width: 100%;}
	.rashifal-tabs ul li.ui-tabs-active a{border-right: 1px solid #dcdcdc; border-bottom-color:#f6f6f6;}
	.rashifal-tabs ul li{width: 32.7%; display: inline-block;    padding-right: 0px;}
	.subtab-content{border-top-color:#f6f6f6;}
	.title h3{font-size: 20px;}
	.panchang-img{ margin-bottom:20px; text-align: center;}
	.horoscope-list .list{float:none; width: 100%;}
	.horoscope-list .list ul{padding-left: 0px;}
	.footer .footer-1{float: none; width: 100%;}
	.footer .footer-1 .footer-link{max-width: 100%;}
	.muhurtha .muhurtha-item br{display:none;}
	.astrology-title.single{    font-size: 16px;}
	.astrology-item .content{padding-top: 16px;}
	.top-menu ul li{font-size: 14px;padding: 0px 18px;}
	.reports {padding-top: 30px;}
	.astrology-title.single .related table tr td{display: block;    width: 100%;}
	.astrology-title.single .related table tr{background-color:  transparent !important}
	.astrology-title.single .related table td:nth-of-type(odd){background-color: #f9f9f9;}
	.astrology-title.single .related table td:nth-of-type(even) {background: #fee0c4;}
	.astrology-title.single .related table tr td:nth-child(2){float: none}
	.astrology-title.single #examples{padding: 30px 10px 30px 25px;}
	.astrology-title.single #examples .content {height: 500px;}
	.footer .footer-1:nth-child(1){text-align: center;padding-bottom: 20px}
	.footer .footer-1 img{max-width: 250px;    margin-top: 0;}
	.footer .footer-1:nth-child(1) p{margin-top: 0}
	
	
	.header .top-left {
    width: 100%;
    display: block;
    text-align: center;
    float: none;
    padding: 0;
    margin: 0px auto;
    max-width: 400px;
    padding-top: 10px;
}
.astrology-item .image img{ height:200px !important;}
.table-sec{ width:100%; overflow-x:scroll;}
	.table-sec table{ width:600px;}
	.table-sec table td{ white-space:nowrap;}
	.read-more-btn {
    background-color: #750606; /* Red background color */
    color: white;           /* White text color */
    padding: 10px 20px;     /* Padding for size */
    border: none;           /* Remove the default border */
    border-radius: 5px;     /* Rounded corners */
    font-size: 16px;        /* Text size */
    cursor: pointer;       /* Pointer cursor on hover */
    transition: background-color 0.3s ease; /* Smooth transition effect */
}

.read-more-btn:hover {
    background-color: darkred; /* Dark red when hovered */
}
.image-container {
  display: grid;
  grid-template-columns: repeat(6, 58px); /* Creates 6 columns for the images */
  gap: 5px; /* Space between images */
  max-width: 100%;
  padding: 5px;
  justify-content: left; /* Centers the grid container */
}

.image-item {
  display: flex;
  flex-direction: column;
  align-items: center; /* Center images and text */
  position: relative;
  justify-content:flex-end;
}

.clickable-image {
 width: 70px; /* Set width for each image */
  height: 48px; /* Set height for each image */
  cursor: pointer;
  transition: transform 0.3s ease;
  
}

.clickable-image:hover {
  transform: scale(1.1); /* Slight zoom effect on hover */
}

.image-name {
  margin-top: 2px; /* Space between image and text */
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #750606;
  display: inline-block;
   transition: transform 0.3s ease;
}
.image-name:hover {
	transform: scale(1.1);
}

}
@media only screen and (max-width: 639px){
	.header .logo{ width:400px;  display:block; margin:0px auto;}
	.header .top-left {width: 100%; display:block; text-align:center;}
	.header .headertop{ width:100%; padding-left:0;}
	.main-astrology a { width:100%; float:none}
	.astrology-item .image img{ width:100%;}
	.top-right .s-icons .f-link{ padding-left:0;}
	.read-more-btn {
    background-color: #750606; /* Red background color */
    color: white;           /* White text color */
    padding: 10px 20px;     /* Padding for size */
    border: none;           /* Remove the default border */
    border-radius: 5px;     /* Rounded corners */
    font-size: 16px;        /* Text size */
    cursor: pointer;       /* Pointer cursor on hover */
    transition: background-color 0.3s ease; /* Smooth transition effect */
}

.read-more-btn:hover {
    background-color: darkred; /* Dark red when hovered */
}
.image-container {
  display: grid;
  grid-template-columns: repeat(6, 58px); /* Creates 6 columns for the images */
  gap: 5px; /* Space between images */
  max-width: 100%;
  padding: 5px;
  justify-content: left; /* Centers the grid container */
}

.image-item {
  display: flex;
  flex-direction: column;
  align-items: center; /* Center images and text */
  position: relative;
  justify-content:flex-end;
}

.clickable-image {
 width: 70px; /* Set width for each image */
  height: 48px; /* Set height for each image */
  cursor: pointer;
  transition: transform 0.3s ease;
  
}

.clickable-image:hover {
  transform: scale(1.1); /* Slight zoom effect on hover */
}

.image-name {
  margin-top: 2px; /* Space between image and text */
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #750606;
  display: inline-block;
   transition: transform 0.3s ease;
}
.image-name:hover {
	transform: scale(1.1);
}
	
	
	
	}
@media only screen and (max-width: 480px){	
	.astrology-title.single #cr{padding: 20px;text-align: center;}
	.astrology-title.single #cr img {float: none;margin-right: 0;}
	.astrology-title.single #cr h2 {font-size: 20px;}
	
	.headertop .top-right .new-lft{ width:100%; float:none; display:block; padding-bottom:10px;}
	.headertop .top-right .lft-sec{ width:100%;}
	.top-menu .login{ max-width:260px;}
	.new-flink-right {
    width: 175px;
    display: inline-block;
    vertical-align: middle;
}
.new-flink {
    width: calc(100% - 180px);
    width: -moz-calc(100% - 180px);
    width: -webkit-calc(100% - 180px);
  margin:0px auto;
   padding-top:10px;
}
.header .logo {
    width:300px;
	padding:0;
 }
 .two-col{ width:100%; float:none; padding:0;}
 .main-astrology a{ padding-left:0;} 
 .main-astrology{ margin-left:0;}
 .read-more-btn {
    background-color: #750606; /* Red background color */
    color: white;           /* White text color */
    padding: 10px 20px;     /* Padding for size */
    border: none;           /* Remove the default border */
    border-radius: 5px;     /* Rounded corners */
    font-size: 16px;        /* Text size */
    cursor: pointer;       /* Pointer cursor on hover */
    transition: background-color 0.3s ease; /* Smooth transition effect */
}

.read-more-btn:hover {
    background-color: darkred; /* Dark red when hovered */
}
.image-container {
  display: grid;
  grid-template-columns: repeat(6, 58px); /* Creates 6 columns for the images */
  gap: 5px; /* Space between images */
  max-width: 100%;
  padding: 5px;
  justify-content: left; /* Centers the grid container */
}

.image-item {
  display: flex;
  flex-direction: column;
  align-items: center; /* Center images and text */
  position: relative;
  justify-content:flex-end;
}

.clickable-image {
 width: 70px; /* Set width for each image */
  height: 48px; /* Set height for each image */
  cursor: pointer;
  transition: transform 0.3s ease;
  
}

.clickable-image:hover {
  transform: scale(1.1); /* Slight zoom effect on hover */
}

.image-name {
  margin-top: 2px; /* Space between image and text */
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #750606;
  display: inline-block;
   transition: transform 0.3s ease;
}
.image-name:hover {
	transform: scale(1.1);
}

	
}