/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1600px) {
    .hero-thumb img {
    width: 100%;
    }
    .deliver-shape-five {
        right: 28px;
        top: 19%;
    }
  

}
/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1444px) {
  
     .hero-thumb img {
    width: 100%;
    }
    .deliver-shape-five {
        right: 28px;
        top: 19%;
    }

    /* contact form inner page  */
    .contact-box {
        margin-left: 171px;
        margin-right: -204px;
    }

}


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

    .hero-main-title h1 {
        font-size: 56px;
        line-height: 56px;
    }
    .hero-thumb img {
        width: 100%;
    }
    .hero-shape-three {
        left: 39%;
        bottom: 37%;
    }
    .service-box-content h4 {
        font-size: 27px;
        line-height: 25px;
    }
    .service-box-content p {
        width: 91%;
    }
    .Product-menu-content p {
        width: 96%;
    }
    .deliver-shape-five {
        display: none;
    }
    .testi-shape-one {
        left: 100px;
    }
    .testi-shape-two {
        left: 100px;
    }
    .footer-wiget-text p {
        font-size: 15px;
    }

    /* service inner page css */
    .counter-numbar h1 {
        font-size: 61px;
    }

    /* blog details inner page  */
    .blog-content-title h2 {
        font-size: 25px;
    }
    .sidebar-box {
        padding: 35px 5px 35px;
    }
    .post-title a h4 {
        font-size: 14px;
    }

    /* contact form inner page  */
    .map {
        margin-left: -113px;
    }
    .contact-box {
        margin-left: 171px;
        margin-right: -204px;
    }

}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .header-area {
        display: none;
    }
    .hero-area {
    height: 630px;
    padding: 190px 0 0;
    display: block !important;
    }
    .hero-main-title h1 {
        font-size: 40px;
        line-height: 38px;
    }
    .hero-discription p {
        font-size: 15px;
    }
    .hero-thumb img {
        width: 100%;
    }
    .hero-shape-three {
        left: 39%;
        bottom: 37%;
    }
    .feature-single-box {
        margin-bottom: 30px;
    }
    .service-single-box {
        margin-bottom: 30px;
    }
    .service-box-content h4 {
        font-size: 27px;
        line-height: 25px;
    }
    .service-box-content p {
        width: 85%;
    }
    .shop-single-box {
        margin-bottom: 30px;
    }
    .Product-menu-content p {
        width: 96%;
    }
    .deliver-shape-five {
        display: none;
    }
    .testimonial-content p {
        width: 70%;
    }
    .testi-shape-one {
        left: 40px;
    }
    .testi-shape-two {
        left: 7px;
    }
    .testi-shape-four {
        right: 5%;
    }
    .footer-wiget-text p {
        font-size: 15px;
    }
    .footer-wiget.Hours {
        text-align: left;
    }



    /* inner page responsive */
    .breatcome-area {
        display: block !important;
        padding: 200px 0 0 0;
    }

    /* service inner page css */
    .service-single-box-three {
        margin-bottom: 40px;
    }
    .counter-numbar h1 {
        font-size: 61px;
    }

    /* shop details inner page css */
    .shop-details-thumb {
        margin-bottom: 40px;
    }
    .shop-details-comment-content {
        overflow: hidden;
    }
    /* blog inner page css */
    .blog-content-title h2 {
        font-size: 26px;
    }
    .post-title a h4 {
        font-size: 13px;
    }
    .sidebar-tag a {
        padding: 6px 6px;
    }

    /* contact form inner page */
    .contact-us-area {
         padding: 75px 0 38px;
    }
    .contact-single-box {
         margin-bottom: 40px;
    }

}

/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
    .header-area {
        display: none;
    }
    .hero-area {
    height: 890px;
    padding: 131px 0 40px;
    display: block !important;
    }
    .hero-main-title h1 {
        font-size: 40px;
        line-height: 38px;
    }
    .hero-discription p {
        font-size: 15px;
    }
    .hero-thumb img {
        width: 100%;
    }
    .hero-shape-one {
        left: 62%;
    }
    .hero-shape-two {
        left: 49%;
    }
    .hero-shape-three {
        left: 89%;
        bottom: 54%;
    }
    .hero-shape-four {
        left: 69%;
        bottom: 0%;
    }
    .feature-single-box {
        margin-bottom: 30px;
    }
    .service-single-box {
        margin-bottom: 30px;
    }
    .service-box-content h4 {
        font-size: 27px;
        line-height: 25px;
    }
    .service-box-content p {
        width: 85%;
    }
    .shop-single-box {
        margin-bottom: 30px;
    }
    .Product-menu-single-box {
        margin-bottom: 50px;
    }
    .Product-menu-content p {
        width: 54%;
    }
    .deliver-content h1 {
        font-size: 59px;
    }
    .deliver-shape-five {
        display: none;
    }
    .team-single-box {
        margin-bottom: 40px;
    }
    .testimonial-content p {
        width: 100%;
    }
    .testi-shape-one {
        display: none;
    }
    .testi-shape-two {
        display: none;
    }
    .testi-shape-three {
        display: none;
    }
    .testi-shape-four {
        display: none;
    }
    .footer-wiget-quick-contanct {
        margin-bottom: 40px;
    }
    .footer-wiget-text p {
        font-size: 15px;
    }
    .footer-wiget {
        text-align: left;
        margin-bottom: 40px;
    }
    .footer-wiget-social ul li a i {
        text-align: center;
    }
    .footer-wiget.Hours {
        text-align: left;
    }

    /* inner page responsive */
    .breatcome-area {
        display: block !important;
        padding: 200px 0 0 0;
    }

    /* service inner page css */
    .service-single-box-three {
        margin-bottom: 40px;
    }
    .counter-numbar h1 {
        font-size: 61px;
    }

    /* shop card inner page responsive */
    .porduct-thumb {
        margin-right: 4px;
    }
    .product-text a {
        font-size: 12px;
    }
    .product-text span {
        font-size: 12px;
    }

    /* shop details inner page css */
    .shop-details-thumb {
        margin-bottom: 40px;
    }
    .shop-details-comment-thumb {
        margin-right: 17px;
    }
    .shop-details-comment-content {
        overflow: hidden;
    }
    .shop-details-comment-content p {
        font-size: 15px;
    }
    .shop-details-review {
        right: 10%;
    }

    /* blog inner page css */
    .blog-content-title h2 {
        font-size: 18px;
    }
    .post-title a h4 {
        font-size: 13px;
    }
    .blog-content-list ul li {
        margin-right: 6px;
    }
    .blog-content-discription p {
        font-size: 15px;
    }
    .post-title a h4 {
        font-size: 15px;
    }
    .sidebar-tag a {
        padding: 6px 6px;
    }

    /* blog details inner page  */
    .blog-content-title h2 {
        font-size: 25px;
    }
    .sidebar-box {
        padding: 35px 47px 35px;
    }
    .post-title a h4 {
        font-size: 14px;
    }
    .sidebar-seach-box {
        margin-top: 40px;
    }
    /* contact form inner page */
    .contact-us-area {
         padding: 75px 0 38px;
    }
    .contact-single-box {
         margin-bottom: 40px;
    }


}






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

    .header-area {
        display: none;
    }
    .hero-area {
    height: 837px;
    padding: 131px 0 40px;
    display: block !important;
    }
    .hero-main-title h1 {
        font-size: 40px;
        line-height: 38px;
    }
    .hero-discription p {
        font-size: 15px;
    }
    .hero-thumb img {
        width: 100%;
    }
    .hero-shape-one {
        left: 62%;
    }
    .hero-shape-two {
        left: 49%;
    }
    .hero-shape-three {
        left: 89%;
        bottom: 54%;
    }
    .hero-shape-four {
        left: 69%;
        bottom: 0%;
    }
    .feature-single-box {
        margin-bottom: 30px;
    }
    .service-area {
        padding: 0 0 60px;
    }
    .service-single-box {
        margin-bottom: 30px;
    }
    .service-box-content h4 {
        font-size: 27px;
        line-height: 25px;
    }
    .service-box-content p {
        width: 85%;
    }
    .section-main-title h3 {
        font-size: 31px;
    }
    .porfolio-area {
        padding: 50px 0 80px;
    }
    .shop-area {
        padding: 50px 0 50px;
    }
    .shop-single-box {
        margin-bottom: 30px;
    }
    .Product-menu-area {
        padding: 50px 0 40px;
    }
    .Product-menu-single-box {
        margin-bottom: 50px;
    }
    .Product-menu-content p {
        width: 57%;
    }
    .deliver-content h1 {
        font-size: 53px;
        line-height: 53px;
    }
    .deliver-shape-one {
        display: none;
    }
    .deliver-shape-two {
        display: none;
    }
    .deliver-shape-three {
        display: none;
    }
    .deliver-shape-four {
        display: none;
    }
    .deliver-shape-five {
        display: none;
    }
    .team-area {
        padding: 53px 0 30px;
    }
    .team-single-box {
        margin-bottom: 40px;
    }
    .brand-area {
        padding: 75px 0 70px;
    }
    .testimonila-area {
        padding: 53px 0 62px;
    }
    .testimonial-content p {
        width: 92%;
        font-size: 15px;
    }
    .testi-shape-one {
        display: none;
    }
    .testi-shape-two {
        display: none;
    }
    .testi-shape-three {
        display: none;
    }
    .testi-shape-four {
        display: none;
    }
    .contact-title h4 {
        font-size: 25px;
    }
    .form-box input {
        width: 450px;
    }
    .form-box select {
        width: 450px;
    }
    .footer-wiget-quick-contanct {
        margin-bottom: 40px;
    }
    .footer-wiget-text p {
        font-size: 15px;
    }
    .footer-wiget {
        text-align: left;
        margin-bottom: 40px;
    }
    .footer-wiget-social ul li a i {
        text-align: center;
    }
    .footer-wiget.Hours {
        text-align: left;
    }
    .copyright-text {
        text-align: center;
    }
    .add-to-card-thumb {
        text-align: center;
    }


    /* inner page responsive */
    .breatcome-area {
        display: block !important;
        padding: 200px 0 0 0;
    }

    /* about inner page responsive  */

    .bratcome-title h1 {
        font-size: 65px;
    }

    /* service inner page css */
    .service-single-box-three {
        margin-bottom: 40px;
    }
    .service-box-content-three h4 {
        font-size: 18px;
    }
    .service-box-content-three p {
        width: 100%;
    }
    .counter-numbar h1 {
    font-size: 61px;
    }

    /* shop card inner page responsive */
    .porduct-thumb {
        margin-right: 4px;
    }
    .product-text a {
        font-size: 12px;
    }
    .product-text span {
        font-size: 12px;
    }
    td.product-name {
        display: inherit;
    }

     /* shop details inner page css */
    .shop-details-thumb {
        margin-bottom: 40px;
    }
    .shop-details-comment-thumb {
        margin-right: 17px;
    }
    .shop-details-comment-content {
        overflow: hidden;
    }
    .shop-details-comment-content p {
        font-size: 13px;
    }
    .shop-details-review {
        right: 3%;
    }


    /* blog inner page css */
    .blog-single-box {
        padding: 42px 13px 32px;
    }
    .blog-content-title h2 {
        font-size: 18px;
    }
    .post-title a h4 {
        font-size: 13px;
    }
    .blog-content-list ul li {
        margin-right: 3px;
    }
    .blog-content-list ul li a {
        font-size: 12px;
    }
    .blog-content-discription p {
        font-size: 14px;
    }
    .post-title a h4 {
        font-size: 15px;
    }
    .sidebar-tag a {
        padding: 6px 6px;
    }

    /* blog details inner page  */
    .blog-area {
        padding: 80px 0 60px;
    }
    .blog-content-title h2 {
        font-size: 20px;
    }
    button.button {
        left: 73%;
    }
    .sidebar-box {
        padding: 35px 38px 35px;
    }
    .post-title a h4 {
        font-size: 14px;
    }
    .sidebar-seach-box {
        margin-top: 40px;
    }

    /* contact form inner page */
    .contact-us-area {
         padding: 75px 0 38px;
    }
    .contact-single-box {
        margin-bottom: 40px;
   }


}

/* small mobile :280px. */
@media only screen and (min-width: 280px) and (max-width: 479px) {
    .header-area {
        display: none;
    }
    .hero-area {
    height: 680px;
    padding: 100px 0 40px;
    display: block !important;
    }
    .hero-sub-title h5 {
        font-size: 14px;
    }
    .hero-main-title h1 {
        font-size: 28px;
        line-height: 29px;
    }
    .hero-discription p {
        font-size: 15px;
    }
    .hero-btn a {
        font-size: 15px;
        padding: 10px 26px;
    }
    .hero-thumb img {
        width: 100%;
    }
    .hero-shape-one {
        display: none;
    }
    .hero-shape-two {
        display: none;
    }
    .hero-shape-three {
        display: none;
    }
    .hero-shape-four {
        display: none;
    }
    .feature-single-box {
        margin-bottom: 30px;
    }
    .service-area {
        padding: 0 0 60px;
    }
    .service-single-box {
        margin-bottom: 30px;
    }
    .service-box-content h4 {
        font-size: 22px;
        line-height: 23px;
    }
    .service-box-content p {
        width: 85%;
    }
    .section-main-title h3 {
        font-size: 19px;
    }
    .porfolio-area {
        padding: 50px 0 80px;
    }
    .shop-area {
        padding: 50px 0 50px;
    }
    .shop-single-box {
        margin-bottom: 30px;
    }
    .Product-menu-area {
        padding: 50px 0 40px;
    }
    .Product-menu-single-box {
        margin-bottom: 50px;
    }
    .Product-menu-content p {
        width: 100%;
    }
    .deliver-area {
        padding: 126px 0 85px;
    }
    .deliver-content h1 {
        font-size: 22px;
        line-height: 20px;
    }
    .deliver-content p {
        font-size: 11px;
        padding: 1px 7px;
    }
    .deliver-shape-one {
        display: none;
    }
    .deliver-shape-two {
        display: none;
    }
    .deliver-shape-three {
        display: none;
    }
    .deliver-shape-four {
        display: none;
    }
    .deliver-shape-five {
        display: none;
    }
    .team-area {
        padding: 53px 0 30px;
    }
    .team-single-box {
        margin-bottom: 40px;
    }
    .brand-area {
        padding: 75px 0 70px;
    }
    .testimonila-area {
        padding: 53px 0 62px;
    }
    .testimonial-content p {
        width: 100%;
        font-size: 13px;
    }
    .testi-shape-one {
        display: none;
    }
    .testi-shape-two {
        display: none;
    }
    .testi-shape-three {
        display: none;
    }
    .testi-shape-four {
        display: none;
    }
    .contact-box {
        padding: 42px 0px 60px 0;
    }
    .contact-title h4 {
        font-size: 25px;
    }
    .form-box input {
        width: 256px;
    }
    .form-box select {
        width: 256px;
    }
    .footer-wiget-quick-contanct {
        margin-bottom: 40px;
    }
    .footer-wiget-text p {
        font-size: 15px;
    }
    .footer-wiget {
        text-align: left;
        margin-bottom: 40px;
    }
    .footer-wiget-social ul li a i {
        text-align: center;
    }
    .footer-wiget.Hours {
        text-align: left;
    }
    .copyright-text {
        text-align: center;
    }
    .copyright-text p {
        font-size: 13px;
    }
    .add-to-card-thumb {
        text-align: center;
    }
    .add-to-card-thumb img {
        margin-left: -3px;
    }


    /* inner page responsive */
    .breatcome-area {
    display: block !important;
    padding: 200px 0 0 0;
    height: 420px;
    }

    /* about inner page responsive  */

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

    /* service inner page css */
    .service-single-box-three {
        margin-bottom: 40px;
    }
    .service-box-content-three h4 {
        font-size: 18px;
    }
    .service-box-content-three p {
        font-size: 15px;
        width: 100%;
    }
    .counter-numbar h1 {
        font-size: 61px;
    }

    /* shop card inner page responsive */
    .porduct-thumb {
        margin-right: 4px;
    }
    .product-text a {
        font-size: 12px;
    }
    .product-text span {
        font-size: 12px;
    }
    td.product-name {
        display: inherit;
    }
    button.apply-coupon {
        padding: 7px 15px;
        font-size: 13px;
    }
    button.update-cart {
        padding: 7px 15px;
        font-size: 13px;
        margin-right: 67px;
    }

 /* shop details inner page css */
    .shop-details-thumb {
        margin-bottom: 40px;
    }
    .shop-details-comment-thumb {
        margin-right: 17px;
    }
    .product-details-review span {
        font-size: 15px;
        margin-left: 4px;
    }
    .product-details-quantity-title {
        margin-bottom: 12px;
    }
    .shop-discription p {
        font-size: 15px;
    }
    .shop-discription-list ul li {
        font-size: 10px;
    }
    .shop-details-content p {
        font-size: 13px;
    }
    .shop-details-comment-thumb {
        margin-right: -62px;
    }
    .shop-details-comment-thumb img {
        width: 60%;
    }
    .shop-details-comment-content {
        overflow: hidden;
    }
    .shop-details-comment-content p {
        font-size: 12px;
    }
    .shop-details-review {
        display: none;
    }

    
    /* blog inner page css */
    .blog-area {
        padding: 70px 0 70px;
    }
    .blog-single-box {
        padding: 42px 5px 32px;
    }
    .blog-content-title h2 {
        font-size: 17px;
        line-height: 30px;
    }
    .post-title a h4 {
        font-size: 13px;
    }
    .blog-content-list ul li {
        margin-right: 3px;
    }
    .blog-content-list ul li a {
        font-size: 12px;
        margin: 0;
    }
    .blog-content-discription p {
        font-size: 13px;
    }
    .blog-btn a {
        padding: 10px 20px;
    }
    button.button {
        left: 55%;
    }
    .sidebar-box {
        padding: 35px 7px 35px;
    }
    .post-title a h4 {
        font-size: 11px;
        margin: 0 3px 0;
    }
    .sidebar-catagori ul li a {
        font-size: 14px;
    }
    .sidebar-tag a {
        padding: 5px 5px;
        margin-right: 0;
    }

    /* blog details inner page  */
      .blog-area {
        padding: 80px 0 60px;
    }
    .blog-content-title h2 {
        font-size: 20px;
    }
    button.button {
        left: 73%;
    }
    .sidebar-box {
        padding: 35px 8px 35px;
    }
    .post-title a h4 {
        font-size: 14px;
    }
    .sidebar-seach-box {
        margin-top: 40px;
    }
    .blog-quote {
        padding: 50px 0px 50px 18px;
    }
    .blog-quote h3 {
        font-size: 11px;
        margin: 0 62px;
    }
    .blog-quote::before {
        bottom: 79px;
    }
    .blog-quote h3::before {
        width: 35px;
        bottom: 5px;
        left: -62px;
    }
    h3.mt-40 {
        font-size: 19px;
    }
    .form-title h3 {
        font-size: 18px;
    }
    .comment-form {
        padding: 13px;
    }
    button.button {
        left: 54%;
    }
    .sidebar-title h3 {
        font-size: 19px;
    }
    .post-title a h4 {
        font-size: 11px;
    }
    .post-date a {
        font-size: 12px;
        margin: 0px 4px 0;
    }

    /* contact form inner page */
    .contact-us-area {
         padding: 75px 0 38px;
    }
    .contact-single-box {
        margin-bottom: 40px;
   }
}