/* Normal desktop :1200px. */
@media (min-width: 1601px) and (max-width: 1920px) {

    .team-area .owl-prev {
        top: -80px;
    }

    .team-area .owl-next {
        top: -79px;
    }


}


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

    .header-top-area::before {
        width: 404px;
    }

    .header-button a {
        padding: 12px 22px;
    }

    .slider-thumb {
        margin-top: 270px;
    }

    .about-area .about-shape {
        right: -95px;
    }

    .why-choose-us-area .choose-us-shape {
        display: none;
    }

    .hendrio_menu>ul>li>a {
        margin: 30px 8px;
        font-size: 14px;
    }

    .search-box-btn.search-box-outer i {
        margin-left: 18px;
    }

    .feature-area .feature-content span {
        font-size: 14px;
    }

    .section-title h1 {
        font-size: 41px;
    }

    ul.sidebar-menu li a {
        font-size: 14px;
    }

    img.sidbr-icn {
        padding-right: 7px;
    }

    ul.sidebar-menu2 li {
        font-size: 13px;
    }

    .products-title h6 {
        font-size: 13px;
    }







}




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

    .header-top-area::before {
        width: 405px !important;
    }

}

@media (min-width: 500px) {

    .service-area .single-service {
        height: 530px;
    }

}



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

    .header-top-area::before {
        width: 430px !important;
    }




}






/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
    .header-top-call a span {
        font-size: 13px;
    }

    .team-area .owl-next {
        top: 0;
    }

    .team-area .owl-prev {
        top: 0;
    }

    .top-icon-item ul li a {
        font-size: 11px;
        padding: 11px 7px 11px 10px;
    }

    .top-icon-item ul li.pinterest::before {
        width: 30px;
    }

    .top-icon-item ul li.twitter::before {
        width: 31px;
    }

    .header-top-area::before {
        width: 330px !important;
    }

    .header-button a {
        padding: 12px 15px;
        font-size: 14px;
    }

    .header-button {
        padding-left: 15px;
    }

    .hendrio_menu>ul>li>a {
        margin: 30px 5px;
        font-size: 12px;
    }

    nav.hendrio_menu span {
        font-size: 12px;
        padding-left: 0;
    }

    .slider-title h1 {
        font-size: 50px;
        line-height: 80px;
    }

    .hendrio-slider-area {
        height: 650px;
    }

    .about-area .about-thumb img {
        margin-left: -30px;
    }

    .section-title h1 {
        font-size: 36px;
    }

    .about-area .about-shape {
        display: none;
    }

    .about-area .counter-title h5 {
        font-size: 12px;
        line-height: 25px;
    }

    .project-area .project-dot-shape {
        right: 0;
    }

    .why-choose-us-area .choose-us-shape {
        display: none;
    }

    .why-choose-us-area .choose-number {
        top: 20px;
    }

    .appoinment-area .appoinment-shape {
        left: -66px;
        top: 24px;
    }

    .appoinment-thumb img {
        width: 90%;
    }

    .appoinment-area .appoinment-thumb {
        margin-left: 0;
    }

    .appoinment-shape img {
        width: 100%;
    }

    .testimonial-area .testis-description p {
        font-size: 16px;
        width: 90%;
    }

    .blog-area h2.blog-title a {
        font-size: 17px;
    }

    h2.widget-title {
        font-size: 25px;
    }

    .single-feature-box-inner {
        padding: 35px 15px 40px;
    }

    .feature-area .feature-icon {
        margin-right: 10px;
    }

    .feature-area .feature-content span {
        font-size: 13px;
    }

    .team-area .section-title h1 {
        font-size: 33px;
    }

    .skill-area.style-two .video-icon {
        top: -201px;
    }

    .testimonial-area.upper .testimonial-title h3 {
        font-size: 18px;
    }

    .testimonial-area.upper .testimonial-content p {
        font-size: 14px;
    }

    .testimonial-area.upper .testi-icon {
        top: 20px;
        right: 0;
    }

    .service_icon {
        bottom: 44%;
    }

    ul.sidebar-menu li {
        padding: 13px 5px 13px;
    }

    ul.sidebar-menu li a {
        font-size: 11px;
    }

    img.sidbr-icn {
        padding-right: 3px;
    }

    ul.sidebar-menu2 li {
        font-size: 9px;
    }

    .sevice-dtls-content h4 {
        font-size: 17px;
    }

    .service-dtls-cont h3 {
        font-size: 25px;
    }

    h3.prct-title {
        font-size: 18px;
    }

    .project-detalis-section .project-thumb {
        margin-bottom: 30px;
    }

    .widget-check {
        padding-left: 30px;
        font-size: 12px;
    }

    .caption strong {
        width: 60px;
        font-size: 13px;
        margin-right: 5px;
    }

    .text-right.caption span {
        font-size: 13px;
    }

    .categories-title h4 {
        font-size: 18px;
    }

    .products-title h6 {
        font-size: 11px;
        line-height: 14px;
    }

    .product-thumb {
        padding-right: 5px;
    }

    .product-icon-list ul li {
        letter-spacing: 0px;
        font-size: 13px;
    }

    .product-price span {
        font-size: 14px;
    }

    .upper.widget_search input {
        width: 100%;
        padding: 0 0 0 10px;
    }

    .rpost-thumb {
        margin-right: 8px;
    }

    .rpost-title h4 {
        font-size: 13px;
    }

    h2.blog-title a {
        font-size: 25px;
    }

    .blog-post-comment .post-comment2 {
        margin-left: 30px;
    }

    .contact-area .information-title h3 {
        font-size: 23px;
    }

    .info-titles span {
        font-size: 11px;
    }

    .hendrio-slider-area .slider-thumb img {
        width: 100%;
        margin-top: -20px;
    }


}


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

    .slider-title h1 {
        font-size: 38px;
        line-height: 50px;
    }

    .shape-img {
        top: 40px;
        right: 0;
    }

    .hendrio-slider-area {
        height: 537px;
    }

    .about-area .about-shape {
        display: none;
    }

    .section-title h1 {
        font-size: 25px;
    }

    .section-title h5::before {
        width: 72%;
    }

    .about-area .about-thumb img {
        margin-left: -30px;
    }

    .about-area .about-icon-list ul li {
        font-size: 14px;
        line-height: 28px;
    }

    .section-description p {
        font-size: 14px;
    }

    .about-area .about-bottom {
        width: 85%;
    }

    .project-area .project-dot-shape {
        right: 0;
    }

    .project-area .project-shape {
        top: 170px;
        left: 7px;
    }

    .why-choose-us-area .choose-us-shape {
        display: none;
    }

    .choose-us-thumb img {
        width: 100%;
    }

    .pricing-area .single-pricing {
        margin-bottom: 50px;
    }

    .appoinment-thumb img {
        width: 100%;
    }

    .appoinment-area .appoinment-shape {
        display: none;
    }

    .appoinment-area .section-title h5::before {
        width: 63%;
    }

    .testimonial-area .testis-description p {
        font-size: 14px;
        width: 90%;
    }

    .single-blog-box {
        margin-bottom: 30px;
    }

    .row.subscribe-section {
        padding: 30px 0px 50px;
    }

    .subscribe-widget form {
        top: 13px;
        left: -16px;
    }

    h4.widget-title {
        margin-top: 25px;
    }

    .section-title.text-center h5::before {
        width: 42%;
    }

    .section-title.text-center h5::after {
        width: 42%;
    }

    .pricing-area .section-title.text-center h5::before {
        width: 40%;
    }

    .pricing-area .section-title.text-center h5::after {
        width: 40%;
    }

    .why-choose-us-area .section-title h5::before {
        width: 57%;
    }

    .testimonial-area .section-title h5::before {
        width: 62%;
    }

    .feature-area .feature-content span {
        font-size: 13px;
    }

    .team-description {
        margin-bottom: 30px;
    }

    .skill-area.style-two .video-icon {
        display: none;
    }

    .skill-left-box {
        display: none;
    }

    .service_description p {
        font-size: 14px;
    }

    .sevice-dtls-content h4 {
        font-size: 17px;
    }

    .service-dtls-cont {
        margin-top: 40px;
    }

    .service-dtls-cont h3 {
        font-size: 25px;
    }

    .project-detalis-section .project-thumb {
        margin-bottom: 30px;
    }

    h2.call-title {
        font-size: 25px;
    }

    .call-to-btn.text-right {
        text-align: center;
        margin: -90px 0 0 80px;
    }

    .call-to-btn a {
        padding: 10px 25px;
    }

    .faq_area.style-two .faq_left_thumb {
        left: 0;
        margin-bottom: 40px;
    }

    .category-description p {
        font-size: 13px;
    }

    table.category-table td.table-text {
        font-size: 14px;
    }

    .category-button a i {
        display: none;
    }

    .category-button a {
        padding: 13px 22px;
        font-size: 11px;
    }

    .post-comment-description p {
        font-size: 13px;
    }

    h2.blog-title a {
        font-size: 25px;
    }

    .blog-post-comment span.rights-reply {
        top: 20px;
    }

    .contact-area .form-button button {
        width: 50%;
    }

    .row.subscribe-section {
        background-position: left;
    }

    .skill-area.style-two {
        background-position: right;
    }

    .breadcumb-content {
        margin-top: 60px;
    }

    .call-to-content {
        margin-top: -60px;
    }

    .sticky {
        position: relative !important;
    }






}


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

    .slider-thumb {
        margin-top: 0;
    }

    .slider-title h1 {
        font-size: 50px;
        margin-top: 160px;
    }

    .about-area .about-thumb img {
        margin-left: 0;
        margin-bottom: 50px;
    }

    .section-title h1 {
        font-size: 38px;
    }

    .about-area .about-shape {
        right: 0;
        bottom: 0;
    }

    .project-area .project-shape {
        top: 65px;
        left: 10px;
    }

    .project-area .project-dot-shape {
        right: 0;
    }

    .pricing-area .single-pricing {
        margin-bottom: 60px;
    }

    .testimonial-area .section-title h5::before {
        width: 75%;
    }

    .testimonial-area .section-description p {
        margin-bottom: 100px;
    }

    .testimonial-area .testis-description p {
        font-size: 17px;
        width: 83%;
    }

    .blog-area .blog-content {
        margin-bottom: 30px;
    }

    h2.widget-title {
        text-align: left;
        padding-left: 20px;
    }

    h4.widget-title {
        margin-top: 30px;
    }

    .footer-bottom-menu ul {
        text-align: center;
    }

    .footer-bottom-content-copy p {
        text-align: center;
    }

    .section-title.text-center h5::before {
        width: 37%;
    }

    .section-title.text-center h5::after {
        width: 37%;
    }

    .why-choose-us-area .choose-us-button {
        margin-bottom: 50px;
    }

    .why-choose-us-area .choose-us-shape {
        left: 0;
    }

    .appoinment-area {
        padding: 90px 0 80px;
    }

    h4.widget-title {
        padding: 0 0 0;
    }

    .why-choose-us-area .section-title h5::before {
        width: 50%;
    }

    .team-description {
        margin-bottom: 30px;
    }

    .skill-left-box {
        display: none;
    }

    .skill-area.style-two .video-icon {
        top: -70px;
        right: 80px;
    }

    .service_icon {
        bottom: 29%;
    }

    h2.service-title {
        font-size: 25px;
    }

    .service-dtls-box {
        margin-bottom: 20px;
    }

    .service-dtls-cont {
        margin-top: 40px;
    }

    h2.accordion-title {
        font-size: 25px;
    }

    .accordion li p {
        font-size: 14px;
    }

    .project-detalis-section .project-thumb {
        margin-bottom: 30px;
    }

    h3.prjct-dtls-title {
        font-size: 27px;
    }

    p.quote-desc {
        font-size: 15px;
    }

    h2.call-title {
        font-size: 20px;
    }

    .call-to-btn.text-right {
        display: none;
    }

    .faq_area.style-two .faq_left_thumb {
        left: 0;
        margin-bottom: 40px;
    }

    h2.blog-title a {
        font-size: 20px;
    }

    .blog-quote p {
        font-size: 13px;
    }

    .blog-post-comment span.rights-reply {
        top: 20px;
    }

    .single-blog-dtls-box .form-button button {
        width: 35%;
    }

    .single-blog-dtls-box .form-button {
        text-align: center;
    }

    .contact-area .form-button button {
        width: 35%;
        margin-bottom: 30px;
    }

    .hendrio-slider-area {
        height: 1020px;
    }

    .appoinment-area .appoinment-thumb {
        margin-left: 0;
    }

    .sticky {
        position: relative !important;
    }






}



/* Tablet desktop :320px. */
@media (min-width: 480px) and (max-width: 599px) {

    .testimonial-area .single-testimonial-right {
        top: -50px;
    }

    .testimonial-area .owl-dots {
        margin-top: 80px;
    }

    h2.widget-title {
        text-align: left;
        padding-left: 19px;
    }

    .footer-bottom-menu ul li {
        padding-left: 20px;
    }

    .footer-bottom-content-copy p {
        text-align: center;
    }

    .sticky {
        position: relative !important;
    }









}


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

    .slider-title {
        margin-top: 100px;
    }

    .slider-title h1 {
        font-size: 23px;
        line-height: 50px;
    }

    .hendrio-slider-area .shape-img {
        display: none;
    }

    .slider-thumb {
        margin-top: 70px;
    }

    .section-title h1 {
        font-size: 23px;
    }

    .about-area .about-thumb img {
        margin-left: 0;
        margin-bottom: 50px;
    }

    .about-area .section-title h5::before {
        width: 70%;
    }

    .about-area .about-shape {
        display: none;
    }

    .about-area .about-icon-list ul li {
        font-size: 12px;
    }

    .about-area .about-bottom {
        width: 95%;
    }

    .project-area .project-shape {
        display: none;
    }

    .project-area .project-dot-shape {
        right: 0;
    }

    .section-title.text-center h5::before {
        width: 30%;
    }

    .section-title.text-center h5::after {
        width: 31%;
    }

    .section-description p {
        font-size: 12px;
        line-height: 25px;
    }

    .choose-us-thumb img {
        width: 100%;
        margin-top: 50px;
    }

    .why-choose-us-area .choose-us-shape {
        display: none;
    }

    .pricing-area .single-pricing {
        margin-bottom: 50px;
    }

    .pricing-area {
        padding: 100px 0 40px;
    }

    .appoinment-area .appoinment-thumb img {
        width: 100%;
    }

    .appoinment-area .appoinment-thumb {
        margin-left: 0;
    }

    .appoinment-area .appoinment-shape img {
        width: 100%;
    }

    .appoinment-area .appoinment-thumb {
        margin-left: 0;
        margin-bottom: 50px;
    }

    .appoinment-area .section-title h5::before {
        width: 58%;
    }

    .appoinment-area {
        padding: 90px 0 100px;
    }

    .testimonial-area .testimonial-button {
        margin-bottom: 100px;
    }

    .testimonial-area .testis-description p {
        font-size: 14px;
        width: 94%;
    }

    .blog-area h2.blog-title a {
        font-size: 16px;
    }

    .single-blog-box {
        margin-bottom: 30px;
    }

    .blog-area {
        padding: 90px 0 60px;
    }

    .row.subscribe-section {
        padding: 30px 0px 30px;
    }

    h2.subscribe-phone-number {
        font-size: 18px;
    }

    h4.widget-title {
        padding: 0 0 0px;
    }

    h4.widget-title {
        margin-top: 30px;
    }

    .footer-bottom-content-copy p {
        font-size: 13px;
    }

    .footer-bottom-menu ul {
        text-align: center;
    }

    .footer-bottom-menu ul li {
        padding-left: 0;
    }

    .testimonial-area .section-title h5::before {
        width: 55%;
    }

    .appoinment-area .appoinment-shape {
        left: 0;
    }

    .pricing-area .section-title.text-center h5::before {
        width: 29%;
    }

    .pricing-area .section-title.text-center h5::after {
        width: 29%;
    }

    .single-brand {
        padding: 0 0 0 60px;
    }

    .single-feature-box-inner {
        padding: 35px 15px 40px;
    }

    .feature-area .feature-content h3 {
        font-size: 20px;
    }

    .feature-area .feature-content span {
        font-size: 12px;
    }

    .team-description {
        margin-bottom: 30px;
    }

    .skill-left-box {
        display: none;
    }

    .skill-area.style-two .video-icon {
        display: none;
    }

    .testimonial-area.upper .testimonial-content p {
        font-size: 14px;
    }

    .testimonial-area.upper .testimonial-title h3 {
        font-size: 16px;
    }

    .testimonial-area.upper .testi-icon {
        top: 0;
        right: 0;
    }

    .service_icon {
        bottom: 44%;
    }

    .breadcumb-content h1 {
        font-size: 37px;
    }

    .service-dtls-all-items {
        padding-left: 0;
    }

    h2.service-title {
        font-size: 27px;
        line-height: 39px;
    }

    p.service-dtls-desc {
        font-size: 13px;
    }

    .sevice-dtls-content h4 {
        font-size: 17px;
    }

    .service-dtls-cont {
        margin-top: 40px;
    }

    .service-dtls-cont h3 {
        font-size: 25px;
    }

    h2.accordion-title {
        font-size: 20px;
    }

    .accordion li a {
        font-size: 14px;
    }

    .accordion li p {
        font-size: 12px;
    }

    h3.prjct-dtls-title {
        font-size: 22px;
    }

    .project-detalis-section .project-thumb {
        margin-bottom: 30px;
    }

    p.quote-desc {
        font-size: 15px;
        padding: 4px 0 7px 0;
    }

    p.quote-desc::before {
        background: inherit;
    }

    h3.prct-title {
        font-size: 18px;
    }

    .breadcumb-content ul li {
        font-size: 12px;
    }

    .call-to-btn.text-right {
        display: none;
    }

    .faq_area.style-two .faq_left_thumb {
        left: 0;
        margin-bottom: 40px;
    }

    .category-button {
        display: none;
    }

    table.category-table td.table-text {
        font-size: 13px;
    }

    h2.blog-title a {
        font-size: 16px;
    }

    ul.blog-author li {
        margin-right: 6px;
    }

    ul.blog-author li span::before {
        background-color: inherit;
    }

    ul.social-share li a {
        margin-right: -1px;
    }

    .post-comment-thumb {
        margin-right: 5px;
    }

    .blog-post-comment span.rights-reply {
        display: none;
    }

    .blog-post-comment .post-comment2 {
        margin-left: 0;
    }

    h3.blog-comment-title {
        font-size: 23px;
    }

    .single-blog-dtls-box .form-button button {
        width: 65%;
    }

    .single-blog-dtls-box .form-button {
        text-align: center;
    }

    .contact-title h3 {
        font-size: 30px;
        line-height: 45px;
    }

    .contact-area .form-button button {
        width: 50%;
        margin-bottom: 30px;
    }

    .contact-area .information-title h3 {
        font-size: 22px;
    }

    .info-titles span {
        font-size: 11px;
    }

    .pricing-area .pricing-title h3::before {
        width: 80%;
    }

    .service-dtls-box {
        margin-bottom: 30px;
    }

    .single-feature-box {
        padding: 0 0;
    }

    .upper.widget_search input {
        width: 100%;
    }

    .location-title h4 {
        font-size: 18px;
    }

    .pagination1 span {
        display: none;
    }

    .blog-content {
        padding: 15px 0px 20px;
    }

    .sticky {
        position: relative !important;
    }






}





/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 991px) {

    .header-top-area {
        display: none;
    }

    .hendrio_nav_manu {
        display: none;
    }

}

@media (max-width: 768px) {
    .about-area {
        padding: 10px 0 10px;

    }
    .about-area.style-two{
        padding: 30px 0 10px;
    }

    .choose-us-thumb {
        margin-left: 0px;
    }

    .footerImg {
        max-width: 320px;
    }

    .slider-description {
        display: none;
    }

    .slider-button {
        display: none;
    }
    .carousel-caption {
        bottom: -13px !important;
    }
    .row.footer-bottom{
        margin-top: 30px;
    }
    .fa-angle-down{
         display: none;
    }



    .service_list {
        display: block !important;
      }
    
      .single-service {
        width: 100%;
        margin-bottom: 20px;
      }
    
      .owl-carousel .owl-nav,
      .owl-carousel .owl-dots {
        display: none !important;
      }

      .service-area .single-service .service-thumb img{
         margin: 0 0 0 16px;
      }
}