@media only screen and (min-width: 1200px) and (max-width: 3640px) {
    .container {
        max-width: 1170px;
    }
}

@media (max-width: 1200px) {
    [class*="hero-ani-"] {
        display: none !important;
    }
}

/* Big screen  */

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .top-header .header {
        padding: 0 10px;
    }
    .slider-height {
        min-height: 750px;
    }
    .hero__img {
        left: -104px;
    }
    .slider-active:hover button.slick-prev {
        left: 20px;
    }
    .slider-active:hover button.slick-next {
        right: 20px;
    }
    .section-padding30 {
        padding-top: 200px;
        padding-bottom: 170px;
    }
}

/* only small desktops */

/* tablets */

@media (min-width: 992px) and (max-width: 1199px) {
    .top-header .header {
        padding: 0 10px;
    }
    .top-header .header .menu-wrapper .main-menu ul li a {
        padding: 41px 15px;
    }
    .slider-height {
        min-height: 500px
    }
    .hero__img img {
        height: 500px;
    }
    .hero__caption h1 {
        font-size: 60px;
        line-height: 1.2;
    }
    .slider-active:hover button.slick-prev {
        left: auto;
        right: 10px;
    }
    .thumb-content-box {
        width: 28%;
    }
    .video-bg {
        height: 400px;
    }
    .thumb-content-box .thumb-content {
        padding: 21px 56px 25px 9px;
    }
    .section_padding {
        padding: 100px 0px;
    }
    .section-padding30 {
        padding-top: 150px;
        padding-bottom: 120px;
    }
    .choce-item h2 {
        font-size: 46px;
    }
    .single_product_text {
        margin: 50px 0 80px
    }
    .single_product_text p {
        margin-top: 20px;
    }
    .subscribe_part .subscribe_part_content h2 {
        font-size: 30px;
    }
    .blog_part {
        padding-bottom: 50px;
    }
    .blog_part .single-home-blog .card .card-body {
        padding: 20px;
    }
    .blog_part .single-home-blog .card span {
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .blog_part .single-home-blog .card h5 {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .blog_part .single-home-blog .card ul li {
        margin-right: 10px;
    }
    .contact-bg {
        padding: 80px 0 50px;
    }
    .login_part .login_part_text, .login_part .login_part_form {
        padding: 20px;
        height: 400px;
    }
    .login_part .login_part_form h3 {
        margin-bottom: 20px;
    }
    .confirmation_part .single_confirmation_details {
        margin-bottom: 30px;
    }
    .order_box .btn_3 {
        padding: 9px 34px;
    }
}

/* only small tablets */

@media (min-width: 768px) and (max-width: 991px) {
    .top-header .header {
        padding: 22px 0px;
    }
    .top-header .header .menu-wrapper .header-right span {
        padding: 5px 19px;
    }
    .header-sticky.sticky-bar {
        padding: 22px 0px;
    }
    .top-header .header .menu-wrapper .header-right {
        margin-right: 82px;
    }
    .slider-height {
        min-height: 500px
    }
    .hero__img img {
        height: 400px;
    }
    .hero__caption h1 {
        font-size: 50px;
        line-height: 1.2
    }
    .btn_2 {
        height: 50px;
        width: 140px;
        line-height: 50px
    }
    .btn_4 {
        margin-top: 30px
    }
    .gal-title h2 {
        font-size: 37px;
    }
    .video-bg {
        height: 400px;
    }
    .thumb-content-box {
        width: 32%;
    }
    .thumb-content-box .thumb-content {
        padding: 21px 56px 25px 9px;
    }
    .section_padding {
        padding: 70px 0px
    }
    .section-padding30 {
        padding-top: 100px;
        padding-bottom: 70px;
    }
    .choce-item h2 {
        font-size: 33px;
    }
    .footer-copyright {
        padding-top: 0px;
        padding-bottom: 20px;
        float: left;
    }
    .blog_item_img .blog_item_date {
        bottom: -20px;
        left: 40px;
        padding: 13px 30px;
    }
    .blog_item_img .blog_item_date h3 {
        font-size: 30px;
    }
    .blog_item_img .blog_item_date p {
        font-size: 18px;
    }
    .blog_part .single-home-blog .card h5 {
        margin-bottom: 10px;
    }
    .single-post-area .quote-wrapper {
        padding: 30px;
    }
    .single-post-area .quotes {
        padding: 25px 25px 25px 30px;
    }
}

@media (max-width: 991px) {
    .product_image_bg {
        margin-top: -150px !important;
    }
    .single_product_text {
        margin: 40px 0 70px;
    }
    .single_product_text h3 {
        font-size: 25px;
    }
    .single_product_text h3 br {
        display: none;
    }
    .single_product_text p {
        margin-top: 20px;
    }
    .card_bg .product_count {
        margin: 0 15px;
    }
    .card_bg .product_count .product_count_item {
        width: 45px;
    }
    .subscribe_part .subscribe_part_content h2 {
        font-size: 25px;
    }
    .subscribe_part .subscribe_form .btn_1 {
        padding: 15px 15px;
    }
    .blog_part {
        padding-bottom: 50px;
    }
    .blog_part .single-home-blog {
        margin-bottom: 20px;
    }
    .blog_part .single-home-blog .card span {
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .blog_part .single-home-blog .card ul li {
        margin-right: 10px;
    }
    .single-post-area .sidebar-widgets {
        padding-bottom: 0px;
    }
    .comment-form .email {
        padding-left: 0px;
    }
    .login_part .login_part_text, .login_part .login_part_form {
        padding: 30px;
        height: 400px;
    }
    .login_part .login_part_form {
        padding: 10px 0;
    }
    .login_part .login_part_form h3 {
        margin-bottom: 20px;
    }
    .confirmation_part .single_confirmation_details {
        margin-bottom: 15px;
    }
    .check_title h2 {
        line-height: 17px;
        padding: 12px;
    }
    .returning_customer p {
        padding-left: 0;
    }
    .returning_customer .contact_form {
        margin-left: -15px;
    }
    .cupon_area input {
        margin-left: 0;
    }
    .cupon_area .tp_btn {
        margin-left: 0;
    }
    .order_box .btn_3 {
        padding: 9px 34px;
    }
    .contact-bg {
        padding: 70px 0 40px;
    }
}

/* mobile or only mobile */

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .top-header .header {
        padding: 22px 0px;
    }
    .top-header .header .menu-wrapper .header-right {
        margin-right: 73px;
    }
    .top-header .header .menu-wrapper .header-right span {
        padding: 5px 19px;
    }
    .search-model-box .search-model-form input {
        width: 251px;
        font-size: 26px;
    }
    .slider-height {
        min-height: 400px;
    }
    .hero__caption h1 {
        font-size: 35px;
        line-height: 1.2;
    }
    .hero__caption p {
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .gal-card h2 {
        font-size: 17px;
    }
    .gal-card-2 h2 a {
        font-size: 17px;
    }
    .video-bg {
        height: 320px;
    }
    .thumb-content-box {
        width: 40%;
    }
    .thumb-content-box .thumb-content {
        padding: 11px 49px 14px 9px;
    }
    .section_padding {
        padding: 70px 0px
    }
    .section-padding30 {
        padding-top: 60px;
        padding-bottom: 28px;
    }
    .choce-item h2 {
        font-size: 29px;
    }
    .footer-copyright {
        padding-top: 0px;
        padding-bottom: 20px;
        float: left;
    }
    .blog_part .single-home-blog .card .card-body {
        padding: 15px;
    }
    .blog_part .single-home-blog .card h5 {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .single-post-area .navigation-area .nav-left {
        margin-bottom: 30px;
    }
    .comment-form .name {
        padding-right: 0px;
        margin-bottom: 1rem;
    }
    .cart-bg .media {
        display: block;
    }
}

@media (max-width: 575px) {
    .top-header .header {
        padding: 22px 0px;
    }
    .top-header .header .menu-wrapper .header-right {
        position: relative;
        bottom: -73px;
        z-index: 3;
        right: 5px;
    }
    .header-sticky.sticky-bar .header-right {
        display: none;
    }
    .top-header .header .menu-wrapper .header-right span {
        padding: 6px 9px;
    }
    .search-model-box .search-model-form input {
        width: 251px;
        font-size: 26px;
    }
    .slider-height {
        min-height: 430px;
    }
    .hero__caption {
        padding-top: 38px;
        padding-left: 22px;
    }
    .hero__caption h1 {
        font-size: 33px;
        line-height: 1.2;
    }
    .hero__caption p {
        margin-bottom: 30px;
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .inner_page .inner_page_header {
        padding-top: 110px;
        padding-bottom: 110px;
    }
    .inner_page .inner_page_header .hero-cap h2 {
        font-size: 28px
    }
    .gal-title h2 {
        font-size: 33px;
    }
    .gal-card h2 a {
        font-size: 20px;
    }
    .gal-card-2 h2 a {
        font-size: 20px;
    }
    .video-bg {
        height: 400px;
    }
    .thumb-content-box {
        width: 60%;
    }
    .thumb-content-box .thumb-content {
        padding: 11px 49px 14px 9px;
    }
    .section-padding30 {
        padding-top: 60px;
        padding-bottom: 28px;
    }
    .section_padding {
        padding: 70px 0px;
    }
    .choce-item h2 {
        font-size: 29px;
    }
    .footer-copyright {
        padding-top: 0px;
        padding-bottom: 20px;
        float: left;
    }
    .nav-tabs .nav-link {
        padding: .5rem .6rem;
    }
    .blog_item_img .blog_item_date {
        bottom: -10px;
        left: 20px;
        padding: 7px 15px;
    }
    .blog_item_img .blog_item_date h3 {
        font-size: 22px;
    }
    .blog_item_img .blog_item_date p {
        font-size: 18px;
    }
    .blog_part .single-home-blog .card .card-body {
        padding: 15px 10px;
    }
    .blog_part .single-home-blog .card h5 {
        margin-bottom: 5px;
        font-size: 17px;
    }
    .single-post-area .blog-author {
        padding: 20px 8px;
    }
    .single-post-area .navigation-area .nav-left {
        margin-bottom: 30px;
    }
    .comments-area {
        padding: 50px 8px;
    }
    .comments-area .comment-list .single-comment h5 {
        font-size: 12px;
    }
    .comments-area .comment-list .single-comment .date {
        font-size: 11px;
    }
    .comments-area .comment-list .single-comment .comment {
        font-size: 10px;
    }
    .comment-form .name {
        padding-right: 0px;
        margin-bottom: 1rem;
    }
    .cart-bg .media {
        display: block;
    }
}