.main-border {
  width: 800px;
  height: auto;
  border: 4px double black;
  margin-top: 30px !important;
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.main-border::before {
  content: "mytamilcalendar.com";
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4.2rem;
  font-weight: 700;
  letter-spacing: 3px;
  color: rgb(14 8 122 / 9%) !important;
  transform: translate(-50%, -50%) rotate(-35deg);
  transform-origin: center;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  z-index: 10;
}


.big-date {
  font-size: 164px !important;
  font-weight: bold;
  font-family: "Times New Roman", Georgia, serif;
  line-height: 0.8;
}

@media screen and (max-width:1023px) {
  .big-date {
    font-size: 72px !important;
    font-weight: bold;
    font-family: "Times New Roman", Georgia, serif;
    line-height: 0.8;
  }

  .main-border::before {
    font-size: 2.5em;
  }
}

@media screen and (max-width:767px) {
  .big-date {
    font-size: 71px !important;
    font-weight: bold;
    font-family: "Times New Roman", Georgia, serif;
    line-height: 0.8;
  }

  .main-border::before {
    font-size: 2rem;
  }

}

@media screen and (max-width:380px) {
  .big-date {
    font-size: 65px !important;
    font-weight: bold;
    font-family: "Times New Roman", Georgia, serif;
    line-height: 0.8;
  }

}



@media screen and (max-width:320px) {
  .big-date {
    font-size: 56px !important;
    font-weight: bold;
    font-family: "Times New Roman", Georgia, serif;
    line-height: 0.8;
  }

  .main-border::before {
    font-size: 1.5rem;
  }

}



.red {
  color: #c43130;
}

.blue {
  color: #3199cb;
}

.purple {
  color: #320067;
}

.green {
  color: #299938;
}

.small-content {
  font-size: 14px;
  color: #001567;
  font-weight: bold;
  line-height: 1;
  margin-top: 13px;
}

.visuvasam {
  color: #36534f;
  font-size: 19px;
  margin-bottom: 0;
  margin-top: 6px;
}

.visuvasam span {
  color: #cc4b9e;
  font-size: 17px;
}

.seventeen {
  color: #c43130;
  font-size: 55px;
  line-height: 1;
  margin-bottom: 0px;
}

.border-left-table {
  border: 1px solid gray;
  text-align: center;
  padding: 0;
}

.sep {
  font-weight: bolder;
  text-align: center;
  color: #468637;
  background-color: yellow;
  font-size: 33px;
  width: 100%;
  margin: 0;
  padding: 5px 0;
  line-height: 0.8;
}

.custom-divider {
  border: none;
  border-top: 3px solid #000;
  width: 100%;
  margin: 0;
}

.sevvai {
  color: #143196;
  font-size: 26px;
  font-weight: bolder;
  margin: 5px 0;
  line-height: 0.8;
}

.rabiul {
  color: #cc4b9e;
  font-size: 16px;
  margin-bottom: 0;
  line-height: 1.3;
}

.nine {
  color: #299938;
  font-size: 40px;
  line-height: 0.6;
  font-weight: bold;
  margin-top: 10px;
}

.varalpirai {
  color: #143196;
  font-size: 15px;
  font-weight: bolder;
  margin: 5px 0;
  line-height: 0.5;
}

.varalpirai span {
  border-left: 2px solid black;
  padding-left: 10px;
}

.content-border {
  border: 2px solid grey;
  padding: 3px;
}

.content-style {
  color: #443c92;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3;
  word-spacing: 9px;
  font-family: 'Bamini', 'TAB Tamil', 'TAM', 'TSCu_Paranar', sans-serif;
}

.nallaneram {
  border: 2px solid #cc4b9fe7;
}

.nallaneram th {
  border: 2px solid #cc4b9fe7;
  font-size: 15px;
  font-weight: bold;
  background-color: #f9fac5;
}

.nallaneram td {
  border: 2px solid #cc4b9fe7;
  font-weight: bold;
  line-height: 1.3;
  color: #774e52;
}

.kaalai-maalai {
  color: #443c92 !important;
  font-weight: bold;
  font-size: 11px;
}

.simma-laknam-wordspace {
  word-spacing: 3px;
}

.santhirastam {
  color: #d82576 !important;
  font-weight: bold;
  font-size: 14px;
}

.santhirastam-natchathiram {
  color: #696969;
}

.soorya-uthayam {
  color: #696969;
  font-weight: bold;
  font-size: 12px;
}

.time {
  font-size: 12px;
}

.table-custom-divider {
  border: none;
  border-top: 3px solid #cc4b9fe7;
  width: 100%;
  margin: 0;
}

.soolam-parikaram {
  color: #c51a1a;
  font-weight: bold;
  font-size: 10px;
  padding: 0;
  line-height: 1.5;
}

.slogan {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 11px 5px 3px 5px;
  font-size: 15px;
  color: #9e1e01;
  font-weight: bold;
  background-color: #fdff1f;
  line-height: 0.3;
  word-spacing: 6px;
}

.right-table {
  border: 2px solid gray;
  font-family: 'Segoe UI', sans-serif;
}

.thead-rasipalan th {
  color: #fff;
  background-color: #c43130;
  border-bottom: 2px solid black;
  text-align: center;
  font-size: 20px;
}

.rasipalan-table td {
  font-size: 14px;
  line-height: 1.8;
  padding: 0 0 0 2px;
}


.table-blue {
  color: #001567;
  font-weight: bold;
  font-size: 14px;
}

.bottom-style {
  font-size: 12px;
  color: #001567;
}

.www-web {
  font-size: 17px;
  color: #001567;
  font-weight: bold;
  line-height: 1;
}

.vinayagar-image {
  height: 180px;
  width: 180px;
}

@media (max-width: 768px) {
  .main-border {
    width: 400px;
    height: auto;
    padding: 5px;

  }

  .small-content p {
    font-size: 7px;
    line-height: 0.1;
    margin: 0px 0px 11px 0px !important;
  }

  .visuvasam {
    font-size: 9px;
    margin-top: 3px;
  }

  .visuvasam span {
    font-size: 8px;
  }

  .seventeen {
    font-size: 27px;
    line-height: 1.2;
    margin-bottom: 0px;
  }

  .sep {
    font-size: 14px;
    padding: 5px 0;
    line-height: 0.5;
  }

  .sevvai {
    font-size: 13px;
    margin: 5px 0;
    line-height: 0.5;
  }

  .rabiul {
    font-size: 9px;
    padding: 0;
    line-height: 1.3;
  }

  .nine {
    font-size: 19px;
    line-height: 0.3;
    padding: 0;
    margin: 8px 0 0 0;
  }

  .varalpirai {
    font-size: 7px;
    line-height: 0.5;
  }

  .varalpirai span {
    border-left: 1px solid black;
    padding-left: 5px;
  }

  .content-border {
    border: 1px solid grey;
  }

  .content-style {
    font-size: 7px;
    line-height: 1.4;
    word-spacing: 3px;
  }

  .nallaneram {
    border: 1px solid #cc4b9fe7;
  }

  .nallaneram th {
    border: 1px solid #cc4b9fe7;
    font-size: 8px;
  }

  .time {
    font-size: 5px;
  }

  .nallaneram td {
    border: 1px solid #cc4b9fe7;
    line-height: 1.3;
  }

  .kaalai-maalai {
    font-size: 5px;
  }

  .simma-laknam-wordspace {
    word-spacing: 2px;
  }

  .santhirastam {
    font-size: 7px;
  }

  .soorya-uthayam {
    font-size: 5px;
  }

  .table-custom-divider {
    border-top: 1px solid #cc4b9fe7;
    width: 100%;
    margin: 0;
  }

  .soolam-parikaram {
    font-size: 6px;
  }

  .slogan {
    font-size: 9px;
    height: 17px;
    padding: 17px 5px 3px 5px;
  }

  .right-table {
    border: 1px solid gray;
  }

  .thead-rasipalan th {
    border-bottom: 1px solid black;
    font-size: 10px;
    padding: 3px;
  }

  .rasipalan-table td {
    font-size: 7px;
    line-height: 1.8;
    padding: 0 0 0 3px;
  }

  .table-blue {
    font-size: 7px;
  }

  .bottom-style {
    font-size: 8px;
  }

  .www-web {
    font-size: 11px;
    line-height: 1.1;
  }

  .vinayagar-image {
    height: 85px;
    width: 110px;
  }
}

@media (max-width: 425px) {
  .main-border {
    width: 350px;
    height: auto;

  }

  .big-date {
    font-size: 86px;
    line-height: 0.8;
  }

  .small-content p {
    font-size: 7px;
    line-height: 1.2;
    margin: -3px 0px 6px 0px !important;
  }

  .visuvasam {
    font-size: 8px;
    margin-top: 4px;
  }

  .visuvasam span {
    font-size: 7px;
  }

  .seventeen {
    font-size: 24px;
    line-height: 1.2;
  }

  .sep {
    font-size: 11px;
  }

  .sevvai {
    font-size: 10px;
  }

  .rabiul {
    font-size: 7px;
  }

  .nine {
    font-size: 17px;
    line-height: 0.3;
    padding: 0;
    margin: 6px 0 0 0;
  }

  .varalpirai {
    font-size: 6px;
  }

  .varalpirai span {
    padding-left: 3px;
  }

  .content-style {
    font-size: 5px;
    word-spacing: 2px;
  }

  .nallaneram th {
    font-size: 5px;
  }

  .time {
    font-size: 5px;
  }

  .nallaneram td {
    line-height: 1;
  }

  .kaalai-maalai {
    font-size: 4px;
  }

  .simma-laknam-wordspace {
    word-spacing: 1px;
    line-height: 1.3 !important;
  }

  .santhirastam {
    font-size: 4px;
    line-height: 1.3 !important;
  }

  .soorya-uthayam {
    font-size: 4px;
  }

  .soolam-parikaram {
    font-size: 4px;
  }

  .slogan {
    font-size: 7px;
    height: 10px;
    padding: 15px 5px 0px 5px;
  }

  .thead-rasipalan th {
    font-size: 7px;
    padding: 4px;
  }

  .rasipalan-table td {
    font-size: 6px;
    line-height: 1.6;
    padding: 0 0 0 3px;
  }

  .table-blue {
    font-size: 6px;
  }

  .bottom-style {
    font-size: 5px;
  }

  .www-web {
    font-size: 7px;
    line-height: 1.1;
  }

  .vinayagar-image {
    height: 75px;
    width: 100px;
  }
}

@media (max-width: 375px) {
  .main-border {
    width: 330px;
    height: auto;

  }

  .big-date {
    font-size: 82px;
    line-height: 0.8;
  }

  .small-content p {
    font-size: 5px;
    margin: 0px 0px 8px 0px !important;
     line-height: 0.1;
  }

  .visuvasam {
    font-size: 7px;
    margin-top: 4px;
  }

  .visuvasam span {
    font-size: 6px;
  }

  .seventeen {
    font-size: 22px;
    line-height: 1.2;
  }

  .sep {
    font-size: 11px;
  }

  .sevvai {
    font-size: 10px;
  }

  .rabiul {
    font-size: 6px;
    margin: 2px 0 0 0;
  }

  .nine {
    font-size: 15px;
    line-height: 0.3;
    padding: 0;
    margin: 5px 0 0 0;
  }

  .varalpirai {
    font-size: 6px;
  }

  .varalpirai span {
    padding-left: 3px;
  }

  .content-style {
    font-size: 5px;
    word-spacing: 2px;
  }

  .slogan {
    font-size: 6px;
    padding: 17px 5px 0px 5px;
  }

  .thead-rasipalan th {
    font-size: 7px;
    padding: 2px;
  }

  .rasipalan-table td {
    font-size: 6px;
    line-height: 1.7;
    padding: 0 0 0 1px;
  }

  .table-blue {
    font-size: 6px;
  }

  .bottom-style {
    font-size: 5px;
  }

  .www-web {
    font-size: 7px;
  }

  .vinayagar-image {
    height: 70px;
    width: 80px;
  }
}

@media (max-width: 320px) {
  .main-border {
    width: 280px;
    height: auto;

  }

  .big-date {
    font-size: 70px;
    line-height: 0.5;
  }

  .visuvasam {
    font-size: 6px;
    margin-top: 2px;
  }

  .visuvasam span {
    font-size: 5px;
  }

  .seventeen {
    font-size: 19px;
    line-height: 1;
  }

  .sep {
    font-size: 10px;
    line-height: 0.2;
  }

  .sevvai {
    font-size: 9px;
    line-height: 0.1;
  }

  .rabiul {
    font-size: 5px;
    margin: 1px 0 0 0;
  }

  .nine {
    font-size: 13px;
    line-height: 0.3;
    padding: 0;
    margin: 5px 0 0 0;
  }

  .varalpirai {
    font-size: 5px;
    line-height: 0.5;
    margin-top: 3px;
    margin-bottom: 0px;
  }

  .content-border {
    padding: 1px;
  }

  .content-style {
    font-size: 4px;
    word-spacing: 2px;
    line-height: 1.5;
    padding: -10px !important;
  }

  .nallaneram th {
    font-size: 4px;
    padding: 0;
  }

  .slogan {
    font-size: 6px;
    word-spacing: 2px;
    height: 11px;
    padding: 15px 5px 0px 5px;
  }

  .thead-rasipalan th {
    font-size: 6px;
    padding: 2px;
  }

  .rasipalan-table td {
    font-size: 5px;
    line-height: 1.6;
    padding: 0 0 0 1px;
  }

  .table-blue {
    font-size: 5px;
  }

  .bottom-style {
    font-size: 4px;
  }

  .www-web {
    font-size: 6px;
  }

  .vinayagar-image {
    height: 60px;
    width: 65px;
  }
}