/* XXL Device :1200px. */

@media (min-width: 1400px) and (max-width: 1600px){
    .header-two .header-social ul li {
        margin-left: 10px;
    }
}

/* XL Device :1200px. */

@media (min-width: 1200px) and (max-width: 1399px) {
    .header-btn .btn {
        padding: 20px 33px;
    }

    .slider-height {
        height: 800px;
    }

    .about-inner {
        margin-right: 20px;
    }

    .about-inner::before {
        left: -13px;
        top: 5px;
    }

    .blog-meta ul li {
        margin-right: 12px;
    }
    
    .team-social {
        top: 15%;
    }

    .about-piechart {
        padding: 32px;
    }

    .main-header-two {
        padding: 0 15px;
    }

    .header-two .main-menu ul li {
        margin: 0 18px;
    }

    .header-two .header-social ul li {
        margin-left: 5px;
    }

    .single-sell::before {
        width: 70%;
    }

}

/* LG Device :992px. */

@media (min-width: 992px) and (max-width: 1200px) {

    .slider-active.slick-slider .slick-arrow {

	top: 53%;
	
}
    .main-header {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .header-two .main-header {
        padding-top: 0;
        padding-bottom: 0;
    }

    .main-header-two {
        padding: 30px;
    }

    .slider-height {
        height: 700px;
    }

    .about-thumb-one {
        text-align: center;
    }

    .about-thumb-two img {
        left: 0;
    }

    .about-thumb-content {
        right: 35px;
    }

    .about-wrapper {
        padding-left: 0;
        margin-top: 60px;
    }

    .about-inner::before {
        left: -35px;
    }

    .service-content h4 {
        font-size: 20px;
    }

    .cta-box {
        text-align: center;
    }

    .arrow-style.slick-slider button {
        left: 47%;
    }

    .arrow-style.slick-slider button.slick-next {
        right: 43%;
    }

    .faq-wrapper {
        padding-right: 0;
    }

    .faq-img-box {
        margin-top: 60px;
    }

    .appointment-box {
        padding: 30px;
        padding-left: 100px;
    }

    .blog-content {
        padding: 20px;
    }

    .blog-date {
        margin-right: -20px;
        margin-top: -50px;
    }

    .blog-meta ul li {
        margin-bottom: 5px;
    }

    .blog-heading h3 {
        font-size: 24px;
    }

    .footer-blog-text span {
        font-size: 13px;
    }

    .footer-blog-text h5 {
        font-size: 15px;
    }

    .slider-two .slider-active.slick-slider .slick-arrow {
	top: 69%;
    }

    .slider-two .slider-active.slick-slider .slick-next {
	top: 60%;
    }

    .slider-two .slider-active.slick-slider .slick-dots {
	top: 64%;
    }

    .about-right-wrapper {
        margin-top: 60px;
    }

    .service-two .single-service {
        padding: 20px;
    }

    .team-social {
        padding: 20px 10px;
        top: 4%;
    }

    .faq-two .faq-img-box {
        margin-top: 0;
    }

    .faq-two .faq-wrapper {
        padding-left: 0;
        margin-top: 30px;
    }

    .header-three .main-header::before {
        display: none;
    }

    .slider-two.slider-three .slider-active.slick-slider .slick-arrow {
        top: 51%;
    }

    .slider-two.slider-three .slider-active.slick-slider .slick-next {
        top: 8%;
    }

    .single-sell::before {
        width: 70%;
    }

    .service-two.service-three .single-service {
        padding: 20px 0;
    }
    
    .service-content h4, .service-two-content h4 {
	font-size: 20px;
    }

    .food-thumb {
        margin-top: 60px;
    }

    .single-testimonial {
        padding: 30px;
    }

    .header-three .top-contact ul li {
        margin-left: 20px;
    }

    .product-zoom-img .tab-content img {
        width: 100%;
        margin-left: 10px;
    }
}

/* MD Device :768px. */

@media (min-width: 768px) and (max-width: 991px) {

    .main-header {
        padding: 15px 0;
    }
    
    .slider-height {
        height: 600px;
    }
    .main-header.sticky {
	top: -20px;

}

.about-thumb {
	margin-top: 60px;
}

    .slider-active.slick-slider .slick-dots {
        right: 50px;
    }

    .slider-two .slider-active.slick-slider .slick-dots {
        top: 55%;
    }
    
    .slider-two.slider-three .slider-active.slick-slider .slick-dots {
        left: 88px;
    }

    .about-thumb-one {
        text-align: center;
    }

    .about-thumb-two img {
        left: -50px;
    }

    .about-thumb-content {
        right: -45px;
    }

    .about-wrapper {
        padding-left: 0;
        margin-top: 60px;
    }

    .about-inner::before {
        left: -34px;
    }

    .author-text h4 {
        font-size: 20px;
    }

    .testimonial-content p {
        font-size: 15px;
    }
    
    .arrow-style.slick-slider button {
        left: 46%;
    }

    .arrow-style.slick-slider button.slick-next {
        right: 41%;
    }

    .faq-wrapper {
        padding-right: 0;
    }

    .faq-img-box {
        margin-top: 60px;
    }

    .faq-two .faq-img-box {
        margin-top: 0;
    }
    
    .blog-content {
        padding: 15px;
    }

    .blog-date {
        margin-right: -16px;
        margin-top: -15px;
    }

    .blog-meta ul li {
        margin-top: 5px;
    }

    .header-two .main-header {
        padding: 0; 
    }

    .main-header-two {
        padding: 30px 0;
        margin-top: 0;
        margin-left: -15px;
        margin-right: -15px;
    }

    .header-two .main-header.sticky {
        padding-top: 0;
        margin-left: 15px;
        margin-right: 15px;
    }

    .slider-two .slider-content {
        margin-top: 100px;
    }

    .slider-two .slider-content h2 {
        font-size: 50px;
        line-height: 70px;
    }

    .about-two .about-wrapper {
        margin-top: 0;
    }

    .team-social {
        top: 33%;
    }

    .faq-two .faq-thumb {
        margin-top: 0;
    }

    .faq-two .faq-wrapper {
        padding-left: 0;
        margin-top: 30px;
    }

    .blog-two .blog-date {
        margin-right: 0;
        margin-top: -40px;
    }

    .header-three .main-header::before {
        display: none;
    }

    .slider-three .slider-content {
        margin-top: 0;
    }

    .food-thumb {
        margin-top: 60px;
    }

    .about-right-wrapper {
        margin-top: 60px;
    }

    .about-piechart h4 {
        font-size: 20px;
    }

    .about-two-right-thumb {
        margin-top: 60px;
    }

    .service-sidebar {
        margin-top: 60px;
    }

    .service-details-wrapper {
        padding-right: 0;
    }

    .farmar-content-wrapper {
        margin-top: 60px;
        padding: 0 30px;
    }

    .farmar-skiil-box {
        margin-top: 30px;
    }

    .single-contact h3 {
        font-size: 18px;
    }

    .selection-total-box {
        text-align: left;
        margin-top: 60px;
    }

    .check-btn > a {
        margin-left: 0;
        margin-right: 15px;
    }
}

/* Extra small Device. */

@media (max-width: 767px) {
    
    .main-header {
	padding: 15px 0;
	margin-top: -34px;
}

.brand-item img {
	width: 100%;
}

.about-thumb {
	margin-top: 60px;
}

    .slider-content h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .slider-height {
        height: 650px;
    }

    .section-title h2 {
        font-size: 28px;
        line-height: 40px;
    }

    .about-wrapper {
        padding-left: 0;
        margin-top: 60px;
    }

    .about-inner {
        margin-top: 15px;
    }

    .about-inner:first-child{
        margin-top: 0;
    }

    .about-inner::before {
        display: none;
    }

    .about-two-right-thumb {
        margin-top: 60px;
    }

    .cta-box {
        text-align: center;
        margin-top: 30px;
    }

    .single-testimonial {
        margin: 0;
        padding: 15px;
    }
    .arrow-style.slick-slider button {
        left: 43%;
    }

    .arrow-style.slick-slider button.slick-next {
        right: 31%;
    }
    .newsletter-form button {
        width: 160px;
    }

    .testimonial-two .single-testimonial {
        padding: 15px;
    }

    .accordion-header h4 {
        font-size: 14px;
        line-height: 22px;
    }

    .faq-wrapper {
        padding-right: 0;
    }

    .faq-img-box {
        margin-top: 30px;
    }

    .faq-two .faq-img-box {
        margin-top: 0;
    }

    .appointment-box {
        padding: 15px;
    }

    .blog-inner {
        position: relative;
        margin-bottom: 60px;
    }

    .blog-date {
        margin-right: -15px;
        margin-top: -50px;
    }

    .blog-content {
        padding: 15px;
        bottom: -20px;
    }

    .copy-right-link a:first-child {
        padding-left: 0;
    }

    .copy-right-link a:last-child {
        padding-left: 0;
    }

    .header-two .main-header-two {
        padding: 30px 0;
        margin-top: -30px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .header-two .main-header {
        margin-left: 0;
        margin-right: 0;
    }

    .slider-two .slider-content h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .slider-two .slider-height {
        height: 500px;
    }

    .slider-two .slider-content {
        margin-top: 90px;
    }

    .about-two .about-wrapper {
        padding-left: 0;
        margin-top: 0;
    }

    .about-right-wrapper {
        margin-top: 60px;
    }

    .team-social {
        top: 33%;
    }

    .faq-two .faq-thumb {
        margin-top: 0;
    }

    .faq-two .faq-wrapper {
        padding-left: 0;
        margin-top: 30px;
    }

    .testimonial-two-active {
        margin-left: 0;
        margin-right: 0;
    }

    .header-three .main-header::before {
        display: none;
    }

    .slider-three .slider-content h2 > span {
        font-size: 30px;
    }

    .slider-three .single-feature-two {
        text-align: center;
    }

    .slider-three .slider-content {
        margin-top: 0px;
    }

    .single-feature-two {
        text-align: center;
    }

    .feature-icon-two img {
        float: none;
        margin-right: 0;
    }

    .feature-content-two {
        margin-top: 20px;
    }

    .product-portfolio-button button {
        margin-top: 10px;
    }

    .single-sell {
        padding: 30px;
    }

    .food-thumb {
        margin-top: 60px;
    }

    .testimonial-area.testimonial-three {
        padding-bottom: 120px;
    }

    .copy-right-link.f-right {
        float: none;
    }

    .header-two .mean-container .mean-bar {
        margin-bottom: -15px;
    }

    .service-details-wrapper {
        padding-right: 0;
    }

    .serice-de-content h2 {
        font-size: 30px;
    }

    .service-sidebar {
        margin-top: 60px;
    }

    .page-title h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .single-sell::before {
        display: none;
    }

    .blog-de-box .blockquote {
        padding: 30px;
    }

    .blog-post-share {
        float: none;
        margin-top: 20px;
    }

    .blog-post-share a:first-child {
        margin-left: 0;
    }

    .post-author-box {
        padding: 30px;

    }

    .post-auhtor-thumb {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .comment-single-information.replay {
        margin-left: 0;
    }
    .comment-author h5 a {
        font-size: 15px;
    }
    .comment-author span {
        font-size: 14px;
    }
    .comment-avatar {
        float: none;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .comment-content {
        margin-top: 20px;
    }

    .post-comment-replay {
        margin-left: 0;
    }

    .product-filder {
        margin-top: 20px;
    }

    .product-tab {
        width: auto;
        float: none;
    }

    .product-zoom-img .tab-content {
        margin-left: 0;
    }

    .product-zoom-img .tab-content img {
        width: 100%;
        margin-left: 0;
    }

    .product-tab .nav-link {
        margin-bottom: 20px;
        margin-right: 10px;
    }

    .product-desc {
        padding-left: 0;
    }

    .product-desc .rating ul {
        float: none;
        margin-top: 10px;
    }
    
    .product-review-tab .nav-link.active::before {
        display: none;
    }

    .review-author {
        float: none;
        margin-bottom: 30px;
        margin-right: 0;
    }

    .product-review-comment.review-replay-comment {
        margin-left: 0;
    }

    .farmar-content-wrapper {
        padding-left: 0;
    }

    .farmer-single-box {
        padding: 0;
        border: 0;
    }
    
    .farmar-skiil-box {
        margin-top: 30px;
    }

    .farmar-content-wrapper {
        padding-left: 0;
        margin-top: 60px;
    }

    .header-two .main-header.sticky {
        padding-top: 30px;
        padding-bottom: 0px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .selection-total-box {
        text-align: left;
        margin-top: 60px;
    }

    .cart-coupon input {
        margin-bottom: 15px;
    }

    .slider-btn .btn-two {
        margin-top: 15px;
    }
}

/* SM Small Device :550px. */

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .testimonial-thuthor img {
        margin-bottom: 15px;
    }

    .arrow-style.slick-slider button.slick-next {
        right: 39%;
    }


    .team-social {
        top: 56%;
    }

    .single-testimonial {
        margin: 0 15px;
        padding: 10px;
    }
    
    .testimonial-area.testimonial-three {
        padding-bottom: 220px;
    }

}

/* SM Small Device :550px. */

@media only screen and (min-width: 400px) and (max-width: 575px) {
    
    .team-social {
        top: 56%;
    }
}


