/*-----------------------------------------------------------------------------------

  Template Name: Bagani Gardening and Landscaping Bootstrap4 Template.
  Template URI: #
  Description: Bagani is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.

-----------------------------------------------------------------------------------*/

/* Large screen desktop */
@media (min-width: 1366px) and (max-width: 1500px){

}

@media (min-width: 1170px) and (max-width: 1500px){

.faq__thumb {
  left: 0;
  width: 45%;
}
.faq__area .title__line::before {
  height: 187%;
  width: 41%;
}

}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {

.menumenu__container {
  padding: 0 25px;
}
.main__menu > li > a {
  padding: 0 21px;
}
.testimonial__inner p {
  font-size: 28px;
}
.ht__call__wrap {
  padding: 0 23px;
}
.faq__thumb {
  left: 67px;
  width: 41%;
}
.blog__details {
  padding: 24px 20px;
}
.tag__list li a {
  font-size: 14px;
  padding: 0 15px;
}
.lst__bl__thumb {
  margin-right: 15px;
}
.lst__bl__details h4 {
  font-size: 14px;
}
.faq__area .title__line::before {
  height: 147%;
  width: 30%;
}
.features-service-single {
  padding: 50px 25px;
}
.service__details {
  padding: 30px 20px;
}
.service__details h2 {
  font-size: 16px;
  padding: 10px 0;
  margin-top:0;
}
.service__thumb h3 {
  font-size: 16px;
}
.testimonial-wrap .testimonial {
  padding: 50px 40px;
}
.testimonial-author {
  margin-top: 20px;
}
.about__area .abt {
  padding-top: 50px;
}
.about__area.two .abt {
  padding-top: 50px;
}
.features-service-single {
  padding: 50px 30px;
}
.titel-venobox .venobox {
  top: 32%;
}
.titel-venobox > span {
  margin-top: 5px;;
}
.dlt-two{display:none;}
.slider__inner h1 {
  font-size: 66px;
}
.slide__align--left .slider__inner {
  margin-top: 50px;
}
}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.mean-container .mean-nav {
  margin-top: 0;
}
.features-service {
  padding-top: 80px;
}
.testimonial__area {
  padding-bottom: 65px;
  padding-top: 80px;
}
.about__container {
  display: block;
}
.counterup__container,
.ht__call__wrap {
  padding: 0;
}
.smt--40{
  margin-top: 40px;
}
.mean-container .mean-bar {
  background: rgba(0, 0, 0, 0) none repeat scroll center bottom;
  float: left;
  min-height: auto;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 999999;
}
.mean-container a.meanmenu-reveal {
  border: 2px solid #fff;
  color: #fff;
  margin-top: -54px;
}
.mean-container a.meanmenu-reveal span {
  background: #fff none repeat scroll 0 0;
}
.menu__btn {
  justify-content: flex-start;
}
.menumenu__container {
  padding: 0 25px;
}
.about__thumb {
  text-align: center;
}
.title__line::before {
  height: 130%;
  width: 47%;
}
.section__title p {
  width: 89%;
}
.testimonial__inner p {
  font-size: 26px;
  width: 100%;
}
.ht__call__wrap h2 {
  font-size: 27px;
}
.faq__area {
  padding-bottom: 0;
}
.faq__thumb {
  margin: 40px auto 0;
  position: inherit;
  width: 59%;
}
.faq__area .section__title p {
  width: 93%;
}
.contact__wrap {
  padding: 70px 0px 50px;
}
.header__content--wrap::before {
  height: 23%;
}
.slider__fixed--height {
  min-height: 60vh;
}
.menu__text {
    align-items: center;
    display: flex;
    height: 74px;
}
.menu__text a {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 28px;
}
.faq__area .title__line::before {
  height: 207%;
  width: 46%;
}
.features-service-single {
  margin-bottom: 30px;
}
.about__area {
  padding: 0;
}
.about__area .abt {
  padding-top: 45px;
}
.about__area.two .abt {
  padding-top: 22px;
}
.about__area.two .abt {
  padding-top: 70px;
}
.service__details {
  padding: 18px 25px 20px;
}
.slider__inner h1 {
  font-size: 56px;
}
.image-box > img {
  width: 100%;
}
.titel-venobox .venobox {
  top: 38%;
}
.htc__contact__wrap {
  padding: 20px 0;
  padding-bottom: 30px;
}
.htc__contact__wrap .col-lg-3.col-md-6.xsmt--40 {
  margin-top: 30px;
}
.fact__count span.count {
  font-size: 52px;
}
.fact__title h2 {
  margin-top: 20px;
}
.slide__align--left .slider__inner {
  margin-top: 75px;
}
.blog__area, .blog__sidebar {
  padding-bottom: 80px;
  padding-top: 80px;
}
.contact li:last-child a {
  display: none;
}
.htc__contact__area {
  padding-bottom: 65px;
  padding-top: 80px;
}
.htc__contact__area .row.pt--100 {
  padding-top: 80px;
}
.gallery__area {
  padding-bottom: 50px;
  padding-top: 80px;
}
.bradcaump__inner h2.bradcaump-title {
  font-size: 38px;
}
.title__line--4 {
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.team-p .team__area {
  padding-bottom: 80px;
  padding-top: 50px;
}
.banner .features-service.two {
  padding-bottom: 50px;
  padding-top:80px;
}
.counterup__area {
  padding: 70px 0 46px;
}
.service__area {
  padding-bottom: 50px;
  padding-top: 80px;
}
.footer__container {
  padding: 70px 0;
}
.team__area {
  padding: 80px 0;
}
.funfact {
  margin-bottom: 30px;
}
}


 
/* small mobile :320px. */
@media (max-width: 767px) {
.xsmt--40, .about__thumb, .funfact {
  margin-top: 30px;
}
.title__line--4 {
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.titel-venobox > span {
  font-size: 22px;
}
.about__area .abt {
  padding-top: 50px;
}
.about__area {
  padding: 0;
}
.about__area.two .abt {
  padding-top: 90px;
}
.section__title p,
.testimonial__inner p ,
.faq__area .section__title p,
.cmt__details p{
  width: 100%;
}
.about__container,
.counterup__container,
.ht__bl__link,
.ht__single__cmnt__form.name,
.page__container {
  display: block;
}
.ht__single__cmnt__form.name input,
.ht__single__cmnt__form.name {
  margin: 0;
}
.ht__single__cmnt__form.name input + input {
  margin-top: 22px;
  margin-bottom: 20px;
}
.counterup__container {
  margin-top: -40px;
}
.counterup__container {
  padding: 0;
}
.replay__btn {
  margin-left: 0;
}
.faq__area .title__line {
  font-size: 22px;
}
.page__container {
  text-align: center;
}
.contact__wrap {
  padding: 70px 0px 50px;
}
.pagenation {
  justify-content: center;
}
.testimonial__inner p {
  font-size: 23px;
  line-height: 37px;
}
.ht__call__wrap {
  flex-flow: row wrap;
  height: 225px;
  padding: 0;
}
.footer__container {
  padding: 70px 0;
}
.about__area.two .abt {
  padding-top: 70px;
}
.older,
.pagenation {
  margin-bottom: 20px;
}
.ht__blog__thumb iframe {
  height: 182px;
}
.page__btn {
  margin-top: 20px;
}
.ht__single__comment.replay {
  margin-left: 0;
}
.service__details p {
  font-size: 14px;
}
.service__details {
  padding: 0 10px;
}
.counterup__area {
  padding: 70px 0;
}
.service__area {
  padding-bottom: 50px;
  padding-top: 80px;
}
.title__line {
  font-size: 32px;
  padding-bottom: 24px;
  line-height: 32px;
}
.slider__inner h4 {
  font-size: 20px;
}
.slider__inner h1 {
  font-size: 28px;
}
.slider__fixed--height {
  height: auto;
  padding: 72px 0;
}
.social__icon {
  height: 44px;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
.logo {
  height: 49px;
  padding-bottom: 10px;
  padding-top: 7px;
  text-align: center;
  display: block;
}
.social__icon {
  margin-right: 0;
}
.menu__btn {
  justify-content: flex-start;
}
.menumenu__container {
  padding: 0 15px;
}
.mean-container a.meanmenu-reveal {
  border: 2px solid #000;
  color: #000;
  margin-right: -10px;
  margin-top: -48px;
}

.social__icon{
	margin-top:50px;
	
}

.mean-container a.meanmenu-reveal span {
  background: #000 none repeat scroll 0 0;
}
.mean-container .mean-nav {
  margin-top: 0;
  background: #1b1717;
}
.mainmenu__wrap.sticky__header {
  margin-top: 34px;
  top: 120px;
}
.others .mainmenu__wrap.sticky__header {
  margin-top: 30px;
}
.slider__container {
  margin-top: 0px;
}
.main__menu__nav {
  display: none;
}
.menu__btn {
  display: none;
}
.contact li:last-child a {
  display: none;
}
.mean-container .mean-bar {
  min-height: auto;
  padding: 0;
}
.header__top::before {
  height: 20%;
}
.ht__call__wrap h2 {
  font-size: 26px;
  line-height: 34px;
}
.ht__call__btn {
  margin-top: -61px;
}
.faq__thumb {
  margin: 40px auto auto;
  position: inherit;
  width: 97%;
}
.faq__area {
  padding-bottom: 0;
}
.blog__details h2 {
  font-size: 18px;
}
.blog__details {
  padding: 25px;
}
.ht__blog__dtl__inner {
  padding: 0 25px;
}
.ht__blog__dtl h2 a {
  font-size: 20px;
  line-height: 28px;
  padding-top: 26px;
}
.ht__bl__dec p {
  font-size: 14px;
}
.ht__bl__btn a {
  font-size: 16px;
}
.ht__bl__dec blockquote {
  font-size: 14px;
}
.bl__comment__form span {
  font-size: 16px;
}
.ht__search input::-moz-placeholder {
  font-size: 14px;
}
.cat__list li {
  font-size: 14px;
}
.tag__list li a {
  font-size: 14px;
}
.lst__bl__details h4 {
  font-size: 14px;
}
.bradcaump__inner h2.bradcaump-title {
  font-size: 32px;
}
.page__btn li a {
  font-size: 16px;
}
.bl__meta {
  display: block;
}
.footer__container.ptb--90 {
  padding: 70px 0;
}
.col-md-6.col-lg-3.col-sm-12.xsmt--40 {
  margin-top: 40px;
}
.slider__btn a {
  height: 45px;
  line-height: 40px;
}
.ft__title {
  margin-bottom: 25px;
}
.ft__blog__inner + .ft__blog__inner {
  margin-top: 5px;
}
.bl__meta li + li {
  margin-left: 0;
  margin-top: 10px;
}
blockquote {
  margin: 22px 0 24px 15px;
}
.contact-box.name_email {
  display: block;
  margin-left: 0;
  margin-right: 0;
}
.contact-box.name_email input {
  margin: 0px;
}
.contact-box.name_email input + input {
  margin-top: 34px;
}
.header__content--wrap::before {
  display: none;
}
.slider__btn a.btn {
  font-size: 14px;
  height: 37px;
  line-height: 33px;
  padding: 0 20px;
}
.slider__btn {
  margin-top: 30px;
}
.section__title p {
  font-size: 15px;
  line-height: 24px;
}
.ht__bradcaump__wrap {
  height: 292px;
}
.menu__text {
    align-items: center;
    display: flex;
    height: 74px;
}
.menu__text a {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 28px;
    padding-bottom: 4px;
}
.title__line.title__line--2  {
  padding-bottom: 31px;
}
.title__line::before {
  height: 139%;
  width: 58%;
}
.haq__title {
  font-size: 24px;
  margin-bottom: 3px;
}
.title__line.title__line--2::before {
  width: 144px;
}
.about__inner h2 {
  font-size: 26px;
}
.faq__area .title__line::before {
  height: 182%;
}
.contact {
  height: auto;
}
ul.contact {
  margin-top: 20px;
}
.features-service {
  padding-top: 80px;
}
.features-service-single {
  margin-bottom: 30px;
}
.service__area {
  padding-bottom: 50px;
  padding-top: 30px;
}
.service__details h2 {
  padding: 10px 20px;
  margin-top:0;
  font-size:16px;
}
.team__area {
  padding-bottom: 80px;
  padding-top: 80px;
}
.gallery__area {
  padding-bottom: 50px;
  padding-top: 80px;
}
.testimonial__area {
  padding-bottom: 30px;
  padding-top: 80px;
}
.testimonial-wrap .testimonial {
  margin: 50px 15px;
  padding: 51px 30px;
}
.htc__contact__wrap {
  padding: 20px 0 45px;
}
.htc__contact__wrap .col-lg-3.col-md-6.xsmt--40 {
  margin-top: 30px;
}
.htc__contact__area {
  padding: 100px 0;
  padding-bottom: 85px;
}
.image-box > img {
  width: 100%;
}
.fact__count span.count {
  font-size: 44px;
  line-height: 44px;
}
.fact__title h2 {
  font-size: 22px;
  margin-top: 15px;
}
.features-service.two {
  padding-bottom: 90px;
}
.banner .features-service.two {
  padding-bottom: 50px;
  padding-top:80px;
}
.team-p .team__area {
  padding-bottom: 80px;
  padding-top: 50px;
}
.htc__contact__area {
  padding-top: 80px;
  padding-bottom: 65px;
}
.htc__contact__area .row.pt--100 {
  padding-top: 80px;
}
.blog__area,.blog__sidebar {
  padding-bottom: 80px;
  padding-top: 80px;
}
.counterup__area {
  padding: 45px 0 75px;
}
.slider__inner > p {
  max-width: 100%;
}
.titel-venobox .venobox {
  top: 40%;
}
.slide__align--left .slider__inner {
  margin-top: 0;
}
}


/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.titel-venobox > span {
  font-size: 20px;
}
.service__details {
  padding: 0 60px;
}
.slider__inner h1 {
  font-size: 38px;
}
.titel-venobox .venobox {
  top: 42%;
}
.ht__call__wrap h2 {
  font-size: 30px;
  line-height: 36px;
}

}