
          .my-frame{
width: 100%; height: 500px;border:none;overflow-x: hidden;overflow-y: hidden;

          }

 @media only screen and (max-width: 800px) {

      .my-frame{
width: 100%; height: 1000px;border:none;overflow-x: hidden;overflow-y: hidden;

          }

 }


.panel-body{
	
  		margin-left: 10px;
  	}





#my-menu{


	margin-left: 200px;
}










    .gal{

height: 260px; width: 270px; padding: 10px;


    }


#more {display: none;}
  #c-b{

background-image: url(../images/bg_4.jpg);padding: 0px 100px;border:solid 6px #8BC34A;

  }

  @media only screen and (max-width: 800px) {

.ftco-footer {
  font-size: 16px;
  padding: 7em 0;
  background: #8BC34A; 
  top: 92%;width: 100%;
position: fixed;}
  	
  	.panel-body{
  		margin-left: 0px;
  	}

  	#my-menu{


	margin-left: 10px;
}

  	#my-abt{
  		display: none;
  	}

  	#my-slider{
  		height: 280px;
  	}
 #c-b{

background-image: url(../images/bg_4.jpg);padding: 0px 0px;border:solid 8px #000;

  }
}


/* REVIEW-SECTION*/


.comment-sec {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;

  margin-bottom: 5px;
  resize: vertical;
}



input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.concom {
  border-radius: 5px;
  background-color: transparent;
  padding: 20px;
}

#text{
display:none;
}
/*REVIEW-SECTION*/



/* Dropdown Button */
.dropbtn {
 background-color: transparent;
 border:none;
 padding: none;
}

/* The container <div> - needed to position the dropdown content */


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */

