/*
  Theme Name: eBusiness
  Theme URL: https://bootstrapmade.com/ebusiness-bootstrap-corporate-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/

/*-----------------------------------------------------------------------------------
   CSS INDEX
  ===================

  1. Theme Default CSS (body, link color, section etc)
  2. Header Area
   2.1 Stick menu Area
  3. About Area
  4.Services Area
  5.Skill Area
  6.Faq Area
  7.Wellcome Area
  8.Team Area
  9.Review Area
  10.Portfolio Area
  11. Pricing Table
  12. Testimonials area
  13. Review Area
  14. Quote area
  15.Footer Area
  16.Home Page-2 Area
  17.Home Page 3  CSS
  18.Blog CSS
  17.Blog Details CSS

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1.  Theme default CSS
/

*----------------------------------------*/


.sidebar .better-menu-widget ul li  
{
    list-style-type:none;
    position:relative;
    left:-40px;
}
/*services css start*/

.sidenav
{
  width:250px;
  border:2px solid;
  margin-top:10px;
  text-align:center;
  box-shadow:padding: 15px;
  box-shadow: 2px 2px ;
  background-color: #3EC1D5;
  border-radius:3px;
  padding:5px;

}
.sidenav2
{
  width:250px;
  border:2px solid ;
  margin-top:10px; 
  text-align:center;
  box-shadow:padding: 15px;
  box-shadow: 2px 2px;
  background-color: #EFEAE1;
  padding:5px; 
  border-radius:3px;
}
.sidenav a
{
  color:white;
  font-weight:600;
}
.sidenav2 a
{
  color:black;
  font-weight:600;
}
.sidenav:hover
{
  color:black;
}
.active:hover
{
  color:black;
}
.sidenav2:hover
{
  color:black;
}
.active2:hover
{
  color:black;
}

@media screen and (min-width: 800px){
  .sidenav2{
  padding-top:10px;
  /*padding-left:1px;*/
}
}
@media screen and (min-width: 800px){
  .sidenav{
  padding-top:10px;
}
}
@media screen and (max-width:900px)
{
  .site-content ul li
  {
    display:none;
    /*padding:0;*/
  }
}
.site-content
{
  width:100%;
  padding:20px;
  /*margin:-10px;*/
}
#all-contents
{
  background-color:#e4dddd;
  width:100%;
  height:300px;
  margin-left:0;
  margin-right:0;
}
@media screen and (max-width:600px)
{
  #all-contents
  {
    width:100%;
    height:700px;
  }
}
@media screen and (min-width:900px)
{
  #send
  {
    padding-left:100px;
  }
}
@media screen and (min-width:400px;)
{
  #all-contents
  {
    display:block;
    width:100%;
  }
}
#btn1
{
  margin-top:-60px;
}
#btn2
{
  margin-top:-60px;
}

@media screen and (min-width:600px)
{
 #btn1
  {
    display:none;

  }
}
@media screen and (min-width:600px)
{
 #btn2
  {
    display:none;

  }
}
@media screen and (max-width:1200px)
{
 #btn2
  {
    display:none;

  }
}
@media screen and (max-width:400px)
{
 #main-content1
  {
    display:none;
  }
}
@media screen and (max-width:400px)
{
 #main-content2
  {
    display:none;
  }
}
@media screen and (max-width:400px)
{
 #main-content3
  {
    display:none;
  }
}
@media screen and (max-width:400px)
{
 #main-content4
  {
    display:none;
  }
}
@media screen and (max-width:400px)
{
 #main-content5
  {
    display:none;
  }
}
@media screen and (max-width:400px)
{
 #main-content6
  {
    display:none;
  }
}
@media screen and (max-width:400px)
{
 #main-content7
  {
    display:none;
  }
}
@media screen and (max-width:400px)
{
 #main-content8
  {
    display:none;
  }
}
@media screen and (max-width:400px)
{
 #main-content9
  {
    display:none;
  }
}
@media screen and (max-width:400px)
{
 #main-content10
  {
    display:none;
  }
}



