.topnav {
  overflow: hidden;
  /* background-color: #333; */
}

.topnav a {
  float: left;
  display: block;
  color: #3f3e3e;
  text-align: center;
  padding: 0 5px;
  text-decoration: none;
  font-size: 14px;
  font-weight:500;
}
.topnav a img {
    display: inline-block;
	margin-right: 10px;
}

.active {
  /* background-color: #a2cf34; */
  color: a2cf34;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
  margin-top:-2px;
}

.dropdown .dropbtn {
  font-size: 14px;    
  border: none;
  outline: none;
  color: #3f3e3e;
  padding: 0 5px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  font-weight:500;
  cursor:pointer;
}
.dropdown img {
    display: inline-block;
	margin-right: 5px;
    margin-left: 5px;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  /* background-color: #555; */
  color: #a3cd39;
}

.dropdown-content a:hover {
  /* background-color: #ddd; */
  color: #a3cd39;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width:767px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width:767px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
  img.circle {
    display: none !important;
}
}

@media(max-width:767px) {
.bodysec {padding:20px;}
.header {flex-direction:column;}
.logo {width: 100%; max-width:100%; padding:50px 0 0;}
.logo a {margin:0 auto;}
.logo a img {width:110px;}
.main-nav {width: 100%; padding:15px 0; margin-top:-1px;position:absolute;}
.topnav {background:#000; padding:5px 0; width:100%; position: absolute !important; z-index: 10; top: 0;}
.topnav a:first-child { padding: 10px;}
.top-leftsec li a {font-size:13px;}
.topnav a, .dropdown .dropbtn {color:#fff; font-weight:500; font-size:15px; padding: 10px;}
.topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 6px;
}
.top-leftsec li:first-child {margin-left: 15px; margin-bottom: 10px;}
.top-socialsec {
    display: flex;
    justify-content: flex-end;
    align-items: center;
	padding-right:10px;
}
.topnav .home {display:block;}
.sliderinner {flex-direction: column-reverse; margin-right:0 !important;}
.slider-text {width:90%; text-align: center;}
.slider .slider-imgsec {width:100%; text-align: center;}
.slider .slider-text h1 {text-align:center; font-size:20px;}
.slider .slider-text p {text-align:center; font-size:14px;}
.bodysec h1 {font-size:25px;}
.ourservicesec {flex-direction:column;}
h1.ourservice-head {margin-top:20px;}
.aboutour, .linksec {width:70%;}
.footersec {flex-direction:column; align-items: center;}
.inner-bannersec {flex-direction: column; position: relative;}
.contentsec {padding-top:0;}
.contentsec, .contentsec.content-reverse {flex-direction:column;}
.bannerimg, .innersecimg, .innertxt {width: 100%;}
.bannertxt {width: 100%; padding:0; text-align:center; font-size: 40px; position:absolute; line-height: 40px;}
.innertxt ul { margin:0; padding:0 0 15px;}
.innertxt h3 {
    padding: 20px 0 0;
    margin: 0 0 0 0;
}
.innertxt p {padding:15px 0; line-height: 22px;}

}

@media(min-width:768px) and (max-width:1024px) {
.bodysec {padding:20px;}
.topsec {padding:0 10px;}
.topnav a, .dropdown .dropbtn {font-size: 11px;}
.sliderinner { margin-right:0 !important;}
.dropdown {margin-top: -5px;}
.logo {width:16%;}
.logo a img {width:100%;}
.main-nav {width:85%; /* padding: 0 0 8px; */ justify-content: center;}
.aboutour h2 {font-size:17px; letter-spacing:-1px; background-position: 0 8px; padding: 10px 0 10px 35px;}
.ourservicesec {width: auto; padding: 0 15px; align-items: initial;}
.bannertxt {
    text-align: left;
    padding-right: 10px;
    font-size: 34px;
}
.innersecimg {width:40%;}
.innertxt {width:60%;}
.innertxt p {font-size:14px; line-height:22px;}
}

@media(min-width:1024px) and (max-width:1366px) {
.topnav a, .dropdown .dropbtn {font-size: 14px; cursor:pointer;}
.sliderinner { margin-right:0 !important;}
.dropdown {margin-top: -2px;}
.logo {width:20%;}
.logo a img {width:100%;}
.main-nav {width:80%; padding: 0 0 33px;}
.topnav a.active {color:#a3cd39;}
}