@media (min-width: 1800px) {
  .classblk .box .top span {
      font-size: 150px;
    }
  .classblk .box .top div h3 {
     font-size: 40px; 
   }
}
@media (max-width: 1600px) {
   .classtbl .desc {
     flex: 0 0 40%;
    }
    .classtbl .sesh{
      flex: 0 0 16%; 
    }
}
@media (min-width: 1440px) {
    header .nav ul{
      font-size: 17px;
    }
    header .nav ul.misc img{
      height: 22px;
    }
}
@media (max-width: 1439px) {
    .classblk{
      grid-template-columns: 1fr;
      gap: 30px;
    }
}
@media (min-width: 1281px) {
  .slicknav_menu {
     display:none;
  } 
}
@media (max-width: 1280px) {
    header{
      height: 200px;
    }
  #menu{
      display: none;
    }
    .slicknav_menu {
      display: block;
      z-index: 9000;
      left: 50%;
      transform: translateX(-50%);
      top: 125px;
      font-size: 18px;
      position: absolute;
      background: none;
      width: 100%;
    }
    .slicknav_menu .slicknav_icon-bar {
      background: #4a7a97; !important;
      padding: 2px 6px;
    }
    .slicknav_menu .slicknav_icon {
      margin: 0;
    }
    .slicknav_menu .slicknav_icon-bar {
      width: 1.400em;
    }
    .slicknav_menu .slicknav_menutxt {
      display: none;
    }
    .slicknav_btn {
      z-index: 5000;
      border-radius: 0;
      padding: 13px 15px;
      margin: 0;
      left: -50%;
      transform: translateX(50%);
    }
   .slicknav_menu > ul{
      height: auto !important;
      text-align: left;
      border-radius: 0;
      padding: 15px;
      position: relative;
      z-index: 5000;
      background: #fff;
      width: 100%;
      border: 1px solid #4a7a97;
    }
    .slicknav_menu > ul li a{
      color: #041019;
      padding: 5px 0;
    }
    .slicknav_menu > ul li a:hover{
      background: transparent !important;
    }
    header .nav ul.misc{
      width: 100%;
      justify-content: center;
    }
    .mainbanner .quote p {
      font-size: 20px;
      line-height: 35px;
    }
    .mainbanner .quote .btn-standard{
      font-size: 14px;
    }
    .maincontent .introblk h1,
    .maincontent .sub h2, .maincontent .sub h3, .maincontent .sub h4 {
      font-size: 40px;
    }
    p{
      font-size: 18px;
      line-height: 28px;
    }
    .classdesc .price{
      width: 100%;
      border-left: none;
      margin-top: 0;
      padding: 0;
    }
    .classdesc {
      flex-wrap: wrap;
    }
    .classtbl h5 {
      font-size: 25px;
    }
    .classtbl .sesh table tr td {
      font-size: 18px;
    }
}
@media (max-width: 1024px) {
   header .logo{
      width: 50%;
    }
    .mainbanner .quote{
      top: 20%;
      width: 50%;
    }
    .classtbl{
      flex-wrap: wrap;
    }
    .classtbl .imgcol{
      flex: 0 0 50%;
      border-bottom: 1px solid #4a7a97;
    }
    .classtbl .desc {
      flex: 0 0 50%;
      border-right: none;
      border-bottom: 1px solid #4a7a97;
    }
    .classtbl .sesh {
        flex: 0 0 33.3%;
    }
}
@media (min-width: 769px) {
    .calblk{
      width: 60%;
    }
}
/* Mobile */
@media (max-width: 768px) {
    .maincontent .introblk h1,
    .maincontent .sub h2, .maincontent .sub h3, .maincontent .sub h4 {
      font-size: 30px;
      padding-bottom: 20px;
    }
    p{
      font-size: 16px;
      line-height: 30px;
    }
    .maincontent .btn-standard {
      font-size: 16px;
      padding: 12px 35px;
    }
     .mainbanner .quote{
     width: 80%; 
   }
      .mainbanner .quote p {
      font-size: 16px;
      line-height: 25px;
    }
      header .logo{
      width: 80%;
    }
    .classdesc .price table{
      font-size: 16px;
    }
    .hi {
      padding: 20px;
    }
    .hi h4 {
      font-size: 25px;
    }
    .select-wrap {
        width: 80%;
    }
    ul.bul-list li {
      padding-left: 30px;
    }
    ul.bul-list li::before {
      font-size: 25px;
    }
    ul.bul-list li ul li ul li::before {
     font-size: 20px;
    }
    footer ul {
      display: block;
    }
    footer ul li::after{
      content: '';
      padding-left: 0;
    }
    textarea.form-control,
    .form .check{
      margin-left: 20px !important;
    }
     .classblk .box .top{
        grid-template-columns: auto 1fr;
        grid-template-areas:
          "num title"
          "content content";
        gap: 10px 14px;
         align-items: center;
      }
    .classblk .box .top h3{
     
    }
      .classblk .box .top > ul{
        width: 100%;
      }
}
@media (max-width: 550px) {
   .mainbanner .quote{
      position: relative;
      width: 100%;
      padding: 20px 20px;
    }
    .classdesc{
      gap: 20px;
    }
    .classdesc img{
     width: 100%;
    }
     .classtbl .sesh {
        flex: 0 0 100%;
        border-right: none;
    }
    .classtbl .sesh a{
          border-bottom: 1px solid #4a7a97;
    }
    .classtbl .sesh:last-child a{
      border-bottom: none;
    }
    
}