/* 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%;
    }

    .htc__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;
    }

    .htc__faq__area .title__line::before {
        height: 147%;
        width: 30%;
    }


}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {


    .mean-container .mean-nav {
        margin-top: 0;
    }

    .htc__about__container {
        display: block;
    }

    .htc__about__thumb,
    .smt--30 {
        margin-top: 30px;
    }

    .counterup__container,
    .ht__call__wrap {
        padding: 0;
    }

    .smt--40 {
        margin-top: 40px;
    }

    .mean-container a.meanmenu-reveal {
        border: 2px solid #fff;
        color: #fff;
        margin-right: 29px;
        margin-top: -58px;
    }

    .mean-container a.meanmenu-reveal span {
        background: #fff none repeat scroll 0 0;
    }

    .menu__btn {
        justify-content: flex-start;
    }

    .menumenu__container {
        padding: 0 25px;
    }

    .htc__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;
    }

    .htc__faq__area {
        padding-bottom: 0;
    }

    .faq__thumb {
        margin: 40px auto 0;
        position: inherit;
        width: 59%;
    }

    .htc__faq__area .section__title p {
        width: 93%;
    }

    .htc__contact__wrap {
        padding: 70px 0px 50px;
    }

    .header__content--wrap::before {
        height: 23%;
    }

    .slider__fixed--height {
        height: 80vh;
    }

    .menu__text {
        align-items: center;
        display: flex;
        height: 74px;
    }

    .menu__text a {
        color: #fff;
        font-family: Roboto Slab;
        font-size: 28px;
        padding-bottom: 4px;
    }


    .htc__faq__area .title__line::before {
        height: 207%;
        width: 46%;
    }


}


/* small mobile :320px. */
@media (max-width: 767px) {

    .container {
        width: 300px
    }


    .xsmt--40,
    .htc__about__thumb,
    .funfact {
        margin-top: 40px;
    }

    .section__title p,
    .testimonial__inner p,
    .htc__faq__area .section__title p,
    .cmt__details p {
        width: 100%;
    }

    .htc__about__container,
    .counterup__container,
    .ht__bl__link,
    .ht__single__cmnt__form.name,
    .htc__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;
    }

    .htc__faq__area .title__line {
        font-size: 22px;
    }

    .htc__page__container {
        text-align: center;
    }

    .htc__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: 265px;
        padding: 0;
    }

    .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: 27px 15px;
    }

    .title__line {
        font-size: 26px;
        padding-bottom: 24px;
    }

    .slider__inner h1 {
        font-size: 27px;
    }

    .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: -57px;
    }

    .mean-container a.meanmenu-reveal span {
        background: #fff none repeat scroll 0 0;
    }

    .mean-container .mean-nav {
        margin-top: 0;
    }

    .mainmenu__wrap.sticky__header {
        top: 112px;
    }

    .htc__header__top::before {
        height: 20%;
    }

    .ht__call__wrap h2 {
        font-size: 29px;
        line-height: 39px;
    }

    .ht__call__btn {
        margin-top: -61px;
    }

    .faq__thumb {
        margin: 40px auto auto;
        position: inherit;
        width: 97%;
    }

    .htc__faq__area {
        padding-bottom: 0;
    }

    .blog__details h2 {
        font-size: 17px;
    }

    .blog__details {
        padding: 24px 11px;
    }

    .ht__blog__dtl__inner {
        padding: 0 10px;
    }

    .ht__blog__dtl h2 a {
        font-size: 19px;
        padding-top: 18px;
    }

    .bl__meta {
        display: block;
    }

    .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.htc__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: Roboto Slab;
        font-size: 28px;
        padding-bottom: 4px;
    }

    .title__line.title__line--2 {
        padding-bottom: 31px;
    }

    .title__line::before {
        height: 139%;
        width: 58%;
    }

    .htc__haq__title {
        font-size: 24px;
        margin-bottom: 3px;
    }

    .title__line.title__line--2::before {
        width: 144px;
    }

    .htc__about__inner h2 {
        font-size: 26px;
    }

    .htc__faq__area .title__line::before {
        height: 182%;
    }


}


/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 450px
    }


}