.service__thumb{border: 1px solid #ccc;}

@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) {
    .social__icons{display: none;}
    .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 #fff;
        color: #fff;
        margin-right: 13px;
        margin-top: -55px;
    }
    .mean-container a.meanmenu-reveal span {
        background: #fff none repeat scroll 0 0;
    }
    .mean-container .mean-nav {
        margin-top: 0;
    }
    .mainmenu__wrap.sticky__header {
        margin-top: 14px;
        top: 120px;
    }
    .others .mainmenu__wrap.sticky__header {
        margin-top: 30px;
    }
    .slider__container {
        margin-top: 70px;
    }
    .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:64px;
    }
    .features-service {
        padding-top: 80px;
    }
    .features-service-single {
        margin-bottom: 30px;
    }
    .service__area {
        padding-bottom: 50px;
        padding-top: 80px;
    }
    .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;
    }
}