@media only screen and (max-width: 600px) 
{
   /*-----------navbar------------*/
   .brand-mobile
   {
      width:160px;
   }
   .nav-container 
   {
    position: fixed;
    top: 0; 
    height: 100%;
    width: 100%;
    z-index: -1;
    background:#d44040; 
   overflow: hidden; 
    transition: left .5s ease;
   -webkit-transition:left .5s ease;
   -moz-transition:left .5s ease;
   -o-transition: left .5s ease;
    left: 100%;
    /*background-image:url('../images/bg-menu.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;*/
    }
  .nav-container ul
  {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0px;
    margin: 0!important;
  }
  .nav-container ul li 
  {
    display: block;
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
  }
  .nav-container ul li:nth-child(1) a {
    transition-delay: 0.2s;
  }
  .nav-container ul li:nth-child(2) a {
    transition-delay: 0.3s;
  }
  .nav-container ul li:nth-child(3) a {
    transition-delay: 0.4s;
  }
  .nav-container ul li:nth-child(4) a {
    transition-delay: 0.5s;
  }
  .nav-container ul li:not(:first-child) {
    margin-left: 0;
  }
  .nav-container ul li a 
  {
    padding:2px 25px;
    opacity: 0;
    color: #fff!important;
    font-size: 16px!important;
    font-family: Raleway-Semibold;
    transform: translateY(-20px); 
  }
  .nav-container ul li a:hover
  {
   background-color: #b93636!important;
  }
  .nav-open 
  {
    position: absolute;
    right: 10px;
    top:-14px;
    display: block;
    width: 48px;
    height: 48px;
    cursor: pointer;
    z-index: 9999;
    border-radius: 50%;
  }
  .nav-open i
  {
    display: block;
    width: 20px;
    height: 3px;
    background: #f5f5f5;
    border-radius: 2px;
    margin-left: 14px;
  }
  .nav-open i:nth-child(1) {
    margin-top: 28px;
  }
  .nav-open i:nth-child(2) {
    margin-top:3px;
    opacity: 1;
  }
  .nav-open i:nth-child(3) 
  {
    margin-top:2px;
  }

  #nav:checked + .nav-open 
  {
  transform: rotate(45deg);
  }

  #nav:checked + .nav-open i 
  {
  background: #fff;
  transition: transform 0.2s ease;
  }

  #nav:checked + .nav-open i:nth-child(1) 
  {
  transform: translateY(6px) rotate(180deg);
  }

  #nav:checked + .nav-open i:nth-child(2) 
  {
  opacity: 0;
  }

  #nav:checked + .nav-open i:nth-child(3) 
  {
  transform: translateY(-6px) rotate(90deg);
  }

  #nav:checked ~ .nav-container 
  {
     z-index: 9990;
     left: 0;
  }

  #nav:checked ~ .nav-container ul li a 
  {
  opacity: 1;
  transform: translateY(0);
  }
   .overlay-img
   {
   	   top: 15%;
   }
   .overlay-img img
   {
   	width: 30%;
   }
   .overlay-img h2
   {
   		font-size: 100%;
    	padding: 0px 15%;
   }
   .form
   {
   	   background: #000000db;
   }
   .book-pandit .form-row
   {
   	display: block;
   }
   .book-pandit .form-row .form-group
   {
   	margin-bottom: 10px;
   }



   .heading h2
   {
   		font-size: 18px;
   }
   .heading p
   {
   		font-size: 12px;
   }
   .steps
   {
   	   margin: auto;
   	   margin-bottom: 10px;
   }
   .center
   {
   	text-align: center;
   }
   .puja-max-height
   {
   	padding: 10px 15px;
   }
   .text-right
   {
   text-align: center;
   }
   .visirot-title
	{
	margin: auto;
	}
   .kundli-img
   {
   	width: 100%;
   }
   .kundli-text
   {
   	width: 100%;
   }
   .foot-border img
   {
   	left: 41%;
   }
   .foot-about
   {
   	text-align: center;
   }
   .foot-about img
   {
   	margin: auto;
   }
   .social-box ul li a
   {
   	width: 30px;
    line-height: 30px;
    font-size: 15px;
   }
   .social-box
   {
   	margin-bottom: 20px;
   }
   .quick-links
   {
   	text-align: center;
   }
   .pl-35
   {
   	padding: 0px;
   }
   .register
   {
   	margin: 20px auto
   }
   .book-pandit-form
   {
   	   width: 90%;
       float: unset;
       background: #0808088a;
       border-radius: 10px;
       margin: auto;
   }
   .book-pandit-form h4
   {
   	color: #fff;
   }
   .bg-booking
   {
   	height: auto;
   }
   .book-pandit-form
   {
   	margin-top: 75%;
   }
   .main-banner
   {
      height: 240px;
      overflow: hidden;
   }
   .main-banner img
   {
      max-width: unset;
   }
   .booking-form
   {
      top: 50%;
   }
   
   .banner-sec
   {
       height:250px;
       overflow:hidden;
   }
   .banner-sec img
   {
       max-width:unset;
   }
   .banner-text-overlay h2
   {
       font-size: 20px;
   }
   .banner-text-overlay p
   {
        font-size: 12px;
        padding: 0px 30px;
   }
   .banner-text-overlay img
   {
       width:125px!important;
   }
   .about-para p
   {
       letter-spacing: 1px;
       font-size: 12px;
   }
   .puja-box
   {
       width: 50%;
       min-height: unset;
       max-height: unset;
   }
   .puja-content-box h4
   {
        font-size: 16px;
         overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
   }
   .puja-content-box h5
   {
       font-size:12px;
   }
   .puja-content-box ul li a
   {
        width: 60px;
        line-height: 30px;
        height: 30px;
        font-size: 12px;
   }
   .puja-box-inner:hover
   {
        margin-top: 0px;
   }
   .modal-dialog-horoscop
   {
       margin: 95px 2.5%;
       width: 95%;
   }
   .horo-content p
   {
       font-size:12px;
   }
   .lucky-box
   {
       padding: 5px 20px
   }
   .lucky-box-item h4
   {
       font-size: 14px;
   }
   .contact-info
   {
       width: fit-content;
       margin: auto;
   }
   .social-links ul
   {
       width: fit-content;
       margin: auto;
   }
   .contact-form
   {
       padding: 20px 0px;
       text-align: center;
   }
    .puja-content-box p
    {
        height: 85px;
        overflow: hidden;
    }
    .puja-content-box h5
    {
        font-size:9px;
    }
   
}


@media only screen and (min-width: 320px) and (max-width: 350px)
{
    .puja-content-box ul li a
    {
        width: 50px;
    }
    .puja-content-box p
    {
        height: 84px;
        overflow: hidden;
    }
    .puja-content-box h5
    {
        font-size:9px;
    }
}