/*Desktop Laptops*/
@media only screen and (min-width: 768px){

         #Ctlxcontainer {
  position: fixed; top: 0; left: 0;  z-index:999;
  margin: auto;
  /*border: 5px solid #060606;*/
  padding: 10px;
  background-color:#37363699;
  /*background-image: url(../../assets/images/pattern/bbackg.jpg); */
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center; 
  justify-content: center;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);

}

#Ctlxcontainer.hide {
  opacity: 0; visibility: hidden;
  transition: all 1s;
}

.containerL{
   display: flex; /* Enables Flexbox layout */
      justify-content: center; /* Horizontally centers the items */
      align-items: center; /* Vertically centers the items (optional, for equal height) */
      gap: 50px; /* Adds space between the boxes (optional) */
      
}
.boxL {
      width: 150px; /* Set a width for each box */
      height: 100px; /* Set a height for each box */
      /*background-color: lightblue;*/ /* Example styling */
       background-color: #be7302;
      border: 3px solid #be7302; /* Example styling */
      text-align: center;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size:large;
      font-weight: bold;
      line-height: 100px; /* Vertically centers text in the box */
      border-radius: 8px;
      color: white;
    }

    .AClose{
       text-align: center;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size:larger;
      font-weight: bold;
      color: rgb(255, 255, 255);
      width: 120px;
       float: right;
       padding: 10px;
       border: 2px solid rgb(255, 255, 255);
      border-radius: 8px;
    }

.whatsapp-float {
	position: fixed;
	bottom: 15%; /*120px*/
	right: 15px;
	z-index: 100;
}

.whatsapp-float img {
	width: 70px;
	height: 70px;
}



}





/* Medium screen  */ 
@media only screen and (min-width: 992px) and (max-width: 1199px) { 

#Ctlxcontainer {
  position: fixed; top: 0; left: 0;  z-index:999;
  margin: auto;
  width: 100%;
   background-color:#37363699;
  padding: 10px;
  /*width: 100vw; height: 100vh;*/
  /*background-image: url(../../assets/images/pattern/bbackg.jpg); */
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
height: 100%; /*575px*/
  width: 100%;
  display: flex;
  align-items: center; 
  justify-content: center;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

#Ctlxcontainer.hide {
  opacity: 0; visibility: hidden;
  transition: all 1s;
}


.containerL{
   display: flex; /* Enables Flexbox layout */
      justify-content: center; /* Horizontally centers the items */
      align-items: center; /* Vertically centers the items (optional, for equal height) */
      gap: 50px; /* Adds space between the boxes (optional) */
}
.boxL {
      width: 150px; /* Set a width for each box */
      height: 100px; /* Set a height for each box */
      background-color: #be7302;
      border: 3px solid #be7302; /* Example styling */
      text-align: center;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size:large;
      font-weight: bold;
      line-height: 100px; /* Vertically centers text in the box */
      color: white;
    }

        .AClose{
       text-align: center;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size:larger;
      font-weight: bold;
        color: rgb(255, 255, 255);
      width: 100px;
       float: right;
    padding: 10px;
       border: 2px solid rgb(255, 255, 255);
      border-radius: 8px;
    }

    .whatsapp-float {
	position: fixed;
	bottom: 10%; /*120px*/
	right: 15px;
	z-index: 100;
}

.whatsapp-float img {
	width: 70px;
	height: 70px;
}


}





/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 

    #Ctlxcontainer {
  position: fixed; top: 0; left: 0;  z-index:999;
  margin: auto;
  width: 100%;
  background-color:#37363699;
  padding: 10px;
  /*width: 100vw; height: 100vh;*/
  /*background-image: url(../../assets/images/pattern/bbackg.jpg); */
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center; 
  justify-content: center;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

#Ctlxcontainer.hide {
  opacity: 0; visibility: hidden;
  transition: all 1s;
}


.containerL{
   display: flex; /* Enables Flexbox layout */
      justify-content: center; /* Horizontally centers the items */
      align-items: center; /* Vertically centers the items (optional, for equal height) */
      gap: 50px; /* Adds space between the boxes (optional) */
}
.boxL {
      width: 150px; /* Set a width for each box */
      height: 100px; /* Set a height for each box */
     background-color: #be7302;
      border: 3px solid #be7302; /* Example styling */
      text-align: center;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size:large;
      font-weight: bold;
      line-height: 100px; /* Vertically centers text in the box */
      color: white;
    }

        .AClose{
       text-align: center;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size:larger;
      font-weight: bold;
        color: rgb(255, 255, 255);
      width: 120px;
       float: right;
       line-height: 100px;
       padding: 0px;
       border: 2px solid rgb(255, 255, 255);
      border-radius: 8px;
    }

    .whatsapp-float {
	position: fixed;
	bottom: 10%; /*120px*/
	right: 15px;
	z-index: 100;
}

.whatsapp-float img {
	width: 70px;
	height: 70px;
}

}





/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 

     #Ctlxcontainer {
  position: fixed; top: 0; left: 0;  z-index:999;
  margin: auto;
  width: 100%;
  background-color:#37363699;
  padding: 10px;
  /*width: 100vw; height: 100vh;*/
  /*background-image: url(../../assets/images/pattern/bbackg.jpg); */
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  height: 100%; /*525px*/
  width: 100%;
  display: flex;
  align-items: center; 
  justify-content: center;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

#Ctlxcontainer.hide {
  opacity: 0; visibility: hidden;
  transition: all 1s;
}


.containerL{
   display: flex; /* Enables Flexbox layout */
      justify-content: center; /* Horizontally centers the items */
      align-items: center; /* Vertically centers the items (optional, for equal height) */
      gap: 15px; /* Adds space between the boxes (optional) */
}
.boxL {
      width: 120px; /* Set a width for each box */
      height: 75px; /* Set a height for each box */
     background-color: #be7302;
      border: 3px solid #be7302; /* Example styling */
      text-align: center;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size:large;
      font-weight: bold;
      line-height: 70px; /* Vertically centers text in the box */
      color: white;
    }

        .AClose{
       text-align: center;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size:larger;
      font-weight: bold;
       color: rgb(255, 255, 255);
      width: 120px;
       float: right;
  line-height: 70px;
  padding: 0px;
       border: 2px solid rgb(255, 255, 255);
      border-radius: 8px;
    }

    .whatsapp-float {
	position: fixed;
	bottom: 13%; /*120px*/
	right: 15px;
	z-index: 100;
}

.whatsapp-float img {
	width: 70px;
	height: 70px;
}



}