.contactbox
{
    box-shadow:  5px 5px 0px 0 rgb(0 0 0 / 10%)  ;
    height:auto;
    min-height:448px  ;
    margin:60px auto;
    box-sizing:border-box;
    position:relative;
    justify-content:center;
    font-family: 'Open Sans',sans-serif;
    background-color:#ffffff;
    color:#111111;
    padding: 60px 46px 60px 60px;
    text-align:left;

}
.togglericon{
 background-color: white;
 color:white;
}
section
{
     margin : 0px 50px;
}
.icons
{
    box-sizing: border-box;
    float: left;
    color:#0c6034;

}
span
{
    font-size: 20px ;
    cursor:default;

}
textarea
{
    resize:none;

}
input[type="text"], textarea , input[type="email"]  ,form-control
{
}
span:hover
{
    color:#0c6034;
    cusror:default;

}
.form-control
{
    background-color: #f2f2f2;
}
a{
    color: white;
}

a:hover{
    color: #33cc00;
}

@media only screen and (max-width: 600px) {

.contactbox
{
    box-shadow:  0px ;
    height:auto;
    min-height:448px  ;
    margin:60px auto;
    box-sizing:border-box;
    position:relative;
    justify-content:center;
    font-family: 'Open Sans',sans-serif;
    background-color:#ffffff;
    color:#111111;
    padding: 40px 0px 60px 0px;
    text-align:center;

}



body,h1,h2,h3,h4,h5,h6
{
    font-family: "Raleway", sans-serif
 }
.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}
.sidebar {
  width: 300px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  background: #fff;
  color: #fff;
  transition: all 0.3s;
   min-width: 300px;
   max-width: 300px;
}
#sidebar.active {
    margin-left: -300px;
}
@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
}

a[data-toggle="collapse"] {
    position: relative;
}
.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.sidebar ul li a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: teal;
  display: block;
  transition: 0.3s;
}



.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.privacinot
{
 padding-left:40px;
  padding-right:60px;
}
/*@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
/* Small devices (portrait tablets and large phones, 600px and up) */


