/* ===================== Desktop Large: 1500px - 1900px ===================== */
@media (min-width: 1500px) and (max-width: 1900px) {
    .gallery-image figcaption h4 { display: none; }
    .grid-item { width: 47.8%; }
    .s-slider-content h2 { margin-top: 120px; }
    .slider-line, .slider-active .slick-arrow { display: none !important; }
    .call-box { display: none; }
    .caption-text h5 { margin-bottom: 5px !important; }
}

/* ===================== Desktop Normal: 1200px - 1500px ===================== */
@media (min-width: 1200px) and (max-width: 1500px) {
    .gallery-image figcaption h4 { display: none; }
    .grid-item { width: 46.9%; }
    .cart-top li { display: inline-block; padding: 0 8px; }
    .second-menu .main-menu ul li { margin-left: 22px; }
    .portfolio .col4 .grid-item { width: 24.9%; margin: 0; padding: 0; }
    .contact-area .map { position: absolute; right: -300px; top: 0; }
    .container-p { padding: 0 30px; }
    .header-btn { margin-left: 20px; }
    .section-t h2 { font-size: 250px; }
    .f-cta-area { margin: 0 60px; padding: 0 50px; }
    .main-menu ul li:first-child { margin-left: 0; }
    .header-social.display-ib { display: none; }
    .wp-img { margin-right: 0; }
    .contact-img { right: 0; }
    .menu-area::before { width: 26%; }
    .single-project .project-info { right: 10px; }
}

/* ===================== Desktop Medium: 992px - 1200px ===================== */
@media (min-width: 992px) and (max-width: 1199px) {
    .gallery-image figcaption { display: none; }
    .grid-item { width: 95%; }
    .copyright-wrap .text { font-size: 12px; }
    .copyright-wrap li { padding-right: 10px; margin-left: 10px; }
    .header-social a { margin-left: 4px; }
    .main-menu { text-align: right; }
    .testimonial-active .slick-arrow,
    .home-blog-active .slick-arrow,
    .home-blog-active2 .slick-arrow { display: none !important; }
    .slick-dots,
    .home-blog-active2 .slick-dots { display: none !important; }
    .testimonial-area .test-bg { position: absolute; top: 0; left: -102px; right: -24px; }
    .breadcrumb-title h2 { font-size: 36px; margin-bottom: 15px; }
    .services-area2::after,
    .testimonial-area::after,
    .contact-area::after,
    .team-area::after { width: 100%; left: 0; top: 0; z-index: 0; }
    .f-contact li { display: flex; }
    .slider-content h2 { font-size: 48px; }
    .pricing-head h4 { font-size: 24px; }
    .blog-thumb .b-meta { font-size: 12px; }
    .f-contact span { width: 77%; }
    .contact-area .map { right: -500px; }
    .team-active .slick-arrow { left: 0; }
    .team-active .slick-next { left: inherit; right: 0; }
    .button-group button { margin: 0 6px; }
    .services-active2 .slider-nav .slick-list.draggable { width: 920px; float: right; }
    .services-item { width: 275px; }
    .services-active2 .slick-arrow { left: 0; }
    .services-active2 .slick-next { left: inherit; right: 0; }
    .right-menu .text strong { color: #002e5b; font-size: 14px; }
    #project { background-size: initial !important; }
    #project .slick-dots { display: none !important; }
    .portfolio-active .slick-next { left: 75.5%; }
    .top-btn { font-size: 11px; padding: 16px 27px; }
    .header-cta ul li { font-size: 12px; margin-left: 20px; }
    .menu-area::before { width: 27%; top: 48px; }
    .sticky-menu::before { height: 71px; top: 0; left: -20px; }
    .call-area h2 { color: #fff; margin-top: 100px; font-size: 26px; }
    .call-area .number { font-size: 40px; }
    .container-p { padding: 0 30px; }
    .section-t h2 { font-size: 200px; }
    .about-img { margin-left: -105px; }
    .features-content p { padding: 0; }
    .services-content { padding: 50px 30px 45px; }
    .services-content h4 { font-size: 20px; }
    .services-content span { margin-bottom: 45px; }
    .video-wrap img { width: 100%; }
    .video-position { bottom: -222px; left: 20px; right: 20px; }
    .v-padding { padding-top: 0; }
    .wp-list { padding: 35px 15px 25px; }
    .wp-img { margin-right: -100px; }
    .wp-tag { left: 10px; }
    .team-info { margin: 0; }
    .team-info h4 { font-size: 18px; }
    .single-counter p { font-size: 18px; }
    .ta-bg { margin-left: -25px; }
    .b-meta.mb-20 { margin-bottom: 10px; }
    .b-meta ul li { margin-right: 0; }
    .blog-content { padding: 30px 20px; }
    .blog-content h4 { font-size: 18px; margin-bottom: 20px; }
    .blog-content p { margin-bottom: 20px; }
    .f-cta-area { margin: 0 20px; padding: 0 50px; }
    .footer-social span { margin-right: 12px; }
    .f-insta ul li { margin-bottom: 7px; margin-right: 7px; }
    .f-insta ul li a img { width: 100%; }
    .wp-bg { overflow: hidden; }
    .s-single-services { padding: 50px 30px; }
    .fshape-one { top: 30%; }
    .fshape-two { left: 9%; }
    .chosse-img { width: 45%; }
    .choose-wrap.pl-100 { padding-left: 50px; }
    .choose-content p { padding-right: 50px; }
    .inner-wp-icon { display: none; }
    .wp-thumb.mb-35 { margin-bottom: 25px; }
    .contact-img { right: -150px; }
    .bsingle__content h2 { padding-right: 0; font-size: 27px; }
    .widget__banner-overly > span { margin-bottom: 120px; }
    .widget__banner-overly h3 { margin-bottom: 91px; font-size: 35px; }
    .widget__post-content h6 { font-size: 14px; padding-right: 0; }
    .details__content h2 { font-size: 26px; }
    .related-post-wrap .rp__content { padding: 23px; }
    .related-post-wrap .rp__content h3 { font-size: 20px; }
}

/* ===================== Tablet Desktop: 768px - 991px ===================== */
@media (min-width: 768px) and (max-width: 991px) {
    label { width: 100%; }
    .header-three .header-top .second-menu,
    .header-three .menu-area .second-menu { border: none; padding: 0; margin: 0; }
    .grid-item { width: 96%; }
    .section-title a { display: none; }
    .call-box, .slider-line { display: none; }
    .testimonial-active2 .slick-arrow { display: none !important; }
    .slider-content h2 { font-size: 50px; margin-top: 100px; }
    .srb-line, .testimonial-area .test-bg { display: none; }
    .s-about-img { margin-left: 0; }
    .services-area2::after, .testimonial-area::after, .contact-area::after { width: 100%; left: 0; }
    .testimonial-active2 { width: 100%; background: rgb(80, 82, 171); margin-bottom: 50px; padding: 30px; }
    .services-area .services-box { background-size: cover !important; }
    .button-group { display: flex; overflow: scroll; }
    .button-group button { margin: 0 4px; flex: 0 0 33%; }
    .portfolio .col4 .grid-item { width: 50%; }
    .header-two .logo { padding: 15px 0; }
    .header-two .mean-container a.meanmenu-reveal { margin-top: -56px; }
    .slider-active .slick-track::before { background: #fff5f4; }
    .services-area { background: none !important; }
    .s-about-img.p-relative { margin-bottom: 50px; }
    .mean-container a.meanmenu-reveal { margin-top: -40px; color: #fff; border: 1px solid #fff; }
    .apartments-img { margin-top: 30px; }
    .contact-bg02 { padding: 30px; margin-bottom: 80px; }
    .contact-bg-an-02 { right: -100px; bottom: 0; }
    .testimonial-area .test-an-02 { display: none; }
    .testimonial-area .test-an-01 { bottom: -150px; }
    #mobile-menu { background: #002e5b; display: none; }
    .header-cta ul li { display: inline-block; margin-left: 12px; }
    .contact-area .map { display: none; }
    .number { font-size: 48px; }
    .services-active2 .slider-nav { top: 200px; }
    .services-active2 .slider-nav .slick-list.draggable { width: 650px; }
    .newslater-area #contact-form4 { margin-top: 0; float: right; width: 100%; padding-left: 0; }
    .cta-area.cta-bg::before { height: 100%; width: 100%; top: 0; }
    .cta-bg { padding: 100px 0; }
    .services-active2 .slick-arrow { left: 0; }
    .services-active2 .slick-next { left: inherit; right: 0px; }
    .menu-area::before { width: 32%; height: 84px; left: -34px; }
    .sticky-menu::before { height: 84px; top: 0; left: -29px; }
    .logo { height: auto; margin-top: 0; line-height: inherit; width: 25%; }
    .main-menu .has-sub > ul { position: relative; }
    .container-p { padding: 0 30px; }
    .slider-bg { min-height: 700px; }
    .section-t h2 { font-size: 150px; }
    .about-img { margin-left: 0; text-align: center; margin-bottom: 30px; }
    .about-content.pl-30 { padding-left: 0; padding-bottom: 4px; }
    .features-content p { padding: 0; }
    .section-title h2 { font-size: 52px; }
    .services-content { padding: 50px 28px 45px; }
    .video-position { bottom: 70px; left: 120px; }
    .wp-img { margin-top: 30px; margin-bottom: -15px; margin-right: 0; }
    .counter small { top: -20px; }
    .cta-right { margin-top: 35px; }
    .ta-bg { background-position: center; margin: 25px auto; }
    .testimonial-area.pb-120 { padding-bottom: 185px; }
}