/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16 May, 2021, 11:55:23 AM
    Author     : abbho
*/

@media screen and  (max-width: 900px)
{
    
    #home{
      width : 100%;
      height:550px;
      position : absolute;
      margin-top: 20px;
  }

  .Slideshow_Container
  {
    width: 100%;
    height: 550px;
    position : relative;
    top: 70px ;
    left : 0px;
    overflow : hidden;

  }

   #slideshow img {
    /*display: inline-block;*/
    width: 100%;
    height: 70%;
  }

  #slideshow {
      margin-bottom: 5px;
      width: 100%;
      height:50%;
      overflow: hidden;
      white-space: nowrap;
      position: fixed;
      top:130px;
      z-index: -1;
  }
#slideshow1 img {
  /*display: inline-block;*/
  width: 100%;
  height: 100%;
  margin-left: -90px;
}

#slideshow1 {
    
    width: 100%;
    height: 250px;
    overflow: hidden;
    white-space:nowrap;
    position: absolute;
    top:250px;
    
}

.freezer{
    position: fixed;
    width: 100%;
    z-index: 2;
}

.freezer1{
    display: none;
    position: absolute;
    width: 80%;
    
    
}

.freezers{
    position: absolute;
    width: 100%;
    margin-top: 130px;
    margin-left: 30px;
    color: #fff;
    font-size: 40px;
   
}

.ClassCircle{
    
    text-align: center;
    margin-right: 60px;
   
}
  .contentclass{
      display:block;
      width:30%;
      margin-left:10%;


  }

  .marqueeStrip{
      display: block;
      background-color: #2e6da4;
      height: 45px;
  }
  marquee{
      margin-top: 10px;
      color:white;
  }
  h3{
      color: #fff;
      margin-left: 50px;
      margin-top: 60px;
  }


  .block-icon1{

      height:350px;
      width:100%;
      background-color: #7cb825;
      border-right: 1px solid #00BBBC;
  }
  .block-icon1 img{
      width: 40%;
      margin-top: 50px;
      margin-left: 30%;
  }


  .block-icon2{

      height:350px;
      width:100%;
      background-color: #99cc33;
      border-right: 1px solid #00BBBC;
  }
  .block-icon2 img{
      width: 40%;
      margin-top: 50px;
      margin-left: 30%;
  }
  .block-icon3{

      height:350px;
      width:100%;
      background-color: #33cb98;
     
  }
  .block-icon3 img{
      width: 40%;
      margin-top: 50px;
      margin-left: 30%;
  }
  .block-icon4{

      height:350px;
      width:100%;
      background-color: #3bad87;
      border-right: 1px solid #00BBBC;
  }
  .block-icon4 img{
      width: 40%;
      margin-top: 50px;
      margin-left: 30%;
  }
 /* .block-icon5{

      height:350px;
      width:100%;
      background-color: #1dc9ff;
      border-right: 1px solid #00BBBC;
  }
*/
  .parallex{
      background-image: url("img_parallax.jpg");
      background-attachment: fixed;
    /* Full height */
    height: 100%;
  }

  .HomeContent{
     padding:0px;
     top:0px;
     position: relative;
     margin-left: 0px;
     z-index:-1;

  }
  .circle {
  display: none;
  margin-right: 15px;
  display: inline-block;
  background-color: #cacaca;
  width: 18px;
  height: 18px;
  border-radius: 20px;
  margin-top: 200px;
  border-style: solid;
  top: 50%
}
.infopara{
    width: 100%;
    top: 0px;
    position: absolute;
    left: 0%;
}
  .info{
      display: none;
  }
  .Homeinfo{
     padding:0px;
     top:400px;
     position: relative;
     z-index:1; 
     overflow:hidden;
  }
  .Homeinfo h2 {
      margin-left: 25px;
      position: absolute;
      top :10px;
      color: #286090;
  }

  .Homeinfo h4 { 
      margin-left: 5%;
      position: relative;
      font-size: 18px;
      color: #286090;
      top:70px;
  }
  
  .Homeinfo h5 {
      margin-left: 5%;
      position: absolute;
      color: #b34a98;
      font-size: 18px;
  }
  .infodiv1 p{
      position: relative;
      margin-left: 5%;
      top :0px;
      text-align:left;

  }

  .infodiv1{
      display: block;
      margin-left: 0%;
      margin-top: 120px;
      border:1px solid #c0c0c0;
      border-radius: 10px;
      height: 450px

  }

  .infodiv2 p{
      position: relative;
      margin-left: 25px;
      top :0px;
      text-align:left;
  }
  .infodiv2{
      display: block;
      left:30%;
      background-color: #7DB725;
      width:60%;
  }
 

  .mode {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }

  /* mode Content */
  .morecontent {
    background-color: #fefefe;
    margin-left: 01%;
    padding: 0px;
    border: 1px solid #888;
    width: 90%;
    height: 550px;
    position: fixed;
    top: 150px;
    border-radius: 10px;
    z-index: 2;
    overflow-y: scroll;
  }

  /* The Close Button */
  .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }

  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

  .readmore{
      position:relative;
      width:100px;
      height: 25px;
      border: none;
      left: 50%;
      z-index: 1;
      background-color: #286090;
      color:white;
      cursor: pointer;
      border-radius: 3px;
   


  }
  .readmoreBlock
  {
      margin:20px;
      border-radius: 10px;
      border: 1px solid #888;
      height: 800px;
  }
  .rdLine
  {
    width: 100%;
    margin-top: -14px;
    border-bottom: 2px solid #2569b7;
  }
  .fade{
      transition: opacity 0.15s linear;
  }
  .fadeIn{
      animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}
  }
    .infoImg_900{
       display: block;
        height: 700px;
        position: relative;
        top:0;
        width: 100%;
    }
    .infoImgTop_900{
       display: block;
       top:0;
       position: absolute;
       width: 100%
    }
    .info_900{
        position: relative;
        width:100%;
        display: block;
        overflow: hidden;
        height: 680px;
    }
    
    .C_Profile{
    display: none;
    z-index: 2;
    width: 40%;
    position: absolute;
    top: 100px; 
}
}