/*-----------------------------------
                       Small devices (landscape phones, 576px and up)
                       ------------------------------------*/
                        
                        @media (min-width: 576px) {
                            .top-header {
                                padding: 25px 0 15px;
                            }
                            .hero .slide-content {
                                min-height: 700px;
                            }
                            .hero .slide-content h1 {
                                margin-top: 100px;
                            }
                            .recent-posts .row .col-lg-6:nth-of-type(odd) .post-thumb {
                                margin-top: 0;
                                margin-left: 25px;
                            }
                            .recent-posts .row .col-lg-6:nth-of-type(even) .post-thumb {
                                margin-bottom: 0;
                                margin-right: 25px;
                            }
                        }
                        /*-----------------------------------
                            Medium devices (tablets, 768px and up)
                        ------------------------------------*/
                        
                        @media (min-width: 768px) {
                            .navbar-brand img {
                                width: 100px;
                            }
                            .navbar-expand-md .navbar-nav .nav-link {
                                padding: 8px 10px;
                            }
                            .navbar-expand-md .navbar-nav .nav-item:not(:last-of-type) {
                                margin-right: 12px;
                            }
                            .navbar-collapse .nav-link {
                                font-size: 1em;
                                position: relative;
                            }
                            .navbar-collapse .nav-link::before,
                            li.drop-menu-selected a:before {
                                content: "\f0d8";
                                font-family: FontAwesome;
                                color: #e8ad21;
                                position: absolute;
                                bottom: 7px;
                                line-height: 0;
                                left: 50%;
                                -webkit-transform: translateX(-50%);
                                transform: translateX(-50%);
                                opacity: 0;
                                transition: all 0.35s ease;
                            }
                            .navbar-collapse .nav-link::after,
                            li.drop-menu-selected a.nav-link:after {
                                content: "";
                                width: 0;
                                height: 4px;
                                background-color: #e8ad21;
                                position: absolute;
                                left: 50%;
                                bottom: 0;
                                transition: all 0.35s ease;
                            }
                            .navbar-collapse .nav-link.active::after,
                            .navbar-collapse .nav-link:hover::after,
                            li.drop-menu-selected a.nav-link:after {
                                width: 100%;
                                left: 0;
                            }
                            .navbar-collapse .nav-link.active::before,
                            .navbar-collapse .nav-link:hover::before,
                            .navbar-collapse li.drop-menu-selected a.nav-link:before {
                                opacity: 1;
                            }
                            .navbar-collapse .search-form {
                                padding: 10px;
                                position: absolute;
                                right: 0;
                                top: 100%;
                                display: none;
                                opacity: 0;
                                transition: all 0.35s ease-in-out;
                            }
                            .navbar-collapse .search-form.show {
                                display: block;
                                opacity: 1;
                            }
                            .navbar-collapse .search-form input[type="text"] {
                                border: 1px solid #ced4da;
                                color: #343a40;
                                padding: 1.5313rem 0.625rem;
                            }
                            .navbar-collapse .search-form .btn {
                                margin-top: 0;
                            }
                            .navbar-collapse .search-form input[type="submit"] {
                                border: 1px solid #ced4da;
                                margin-left: -1px;
                                border-radius: 0;
                            }
                            .group {
                                order: 2;
                            }
                            .cart,
                            .search-icon {
                                font-size: 0.875rem;
                            }
                            .cart:hover,
                            .search-icon:hover {
                                color: #ee1515;
                            }
                            .search-icon {
                                margin: 0 13px;
                                order: 1;
                            }
                            .hero .slide-content h1 {
                                font-size: 3.5rem;
                            }
                            .hero .slide-content br {
                                display: block;
                            }
                            .hero .arr-left,
                            .hero .arr-right {
                                top: 50%;
                            }
                            .featured-img {
                                height: 100%;
                                /* margin-top: -66px; */
                            }
                            .cta-content {
                                border-top-right-radius: 200px;
                                border-bottom-left-radius: 200px;
                            }
                            .cta-content::after {
                                border-top-right-radius: 200px;
                                border-bottom-left-radius: 200px;
                            }
                            .cta-content .subscribe-btn {
                                align-self: flex-end;
                                margin-right: 30px;
                            }
                        }
                        /*-----------------------------------
                         Large devices (desktops, 992px and up)
                        ------------------------------------*/
                        
                        @media (min-width: 992px) {
                            .navbar-expand-md .navbar-nav .nav-link {
                                padding: 8px 13px;
                            }
                            .navbar-expand-md .navbar-nav .nav-item:not(:last-of-type) {
                                margin-right: 22px;
                            }
                            .hero .swiper-container {
                                min-height: 100vh;
                            }
                            .hero .slide-content h1 {
                                font-size: 4.5rem;
                            }
                            .hero .slide-content br {
                                display: block;
                            }
                            .hero .arr-left,
                            .hero .arr-right {
                                top: 50%;
                            }
                            .title h1 {
                                font-size: 48px;
                            }
                        }
                        /*-----------------------------------
                         Extra large devices (large desktops, 1200px and up)
                        ------------------------------------*/
                        
                        @media (min-width: 1200px) {
                            .navbar-brand img {
                                width: auto;
                            }
                            .title h1 {
                                font-size: 58px;
                            }
                            .trust .title {
                                padding-top: 70px;
                            }
                            .trust ul {
                                padding-bottom: 30px;
                            }
                            .trust .gallery {
                                position: absolute;
                                top: 0;
                                right: 0;
                                height: 100%;
                                padding: 75px 0;
                            }
                            .mb-lg-66 {
                                margin-bottom: 66px !important;
                            }
                            .pl-lg-80 {
                                padding-left: 80px;
                            }
                        }
                        
                        @media only screen and (min-width: 767px) {
                            .mobile-block {
                                display: none;
                            }
                        }
                        
                        @media only screen and (max-width: 767px) {
                            .cls-drop-down {
                                position: fixed;
                                top: 77px;
                                height: 100%;
                                width: 100%;
                            }
                            .featured-img {
                                text-align: center;
                                height: auto;
                            }
                            .featured-big {
                                width: 85%;
                                margin: 60px auto 0;
                            }
                            .hero {
                                background-position: right center;
                                /* background-size: 100% 100%; */
                                background-image: url("../images/hero-bg.png"), linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) !important;
                                background-blend-mode: overlay !important;
                                background-size: cover;
                            }
                            .btn {
                                display: inline-block;
                                font-family: "Rajdhani", sans-serif;
                                font-weight: 600;
                                color: #777;
                                text-align: center;
                                vertical-align: middle;
                                -webkit-user-select: none;
                                -moz-user-select: none;
                                -ms-user-select: none;
                                user-select: none;
                                background-color: transparent;
                                border: 1px solid transparent;
                                padding: 0.4rem 1.3625rem;
                                font-size: 1.125rem;
                                line-height: 1.5;
                                border-top-right-radius: 1.5625rem;
                                border-bottom-left-radius: 1.5625rem;
                                transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                                text-transform: uppercase;
                                position: relative;
                                z-index: 1;
                            }
                            .btn-primary {
                                color: #fff;
                                background-color: #ee1515;
                                border-color: #ee1515;
                            }
                            .hero .arr-left,
                            .hero .arr-right {
                                margin-top: 50px;
                                width: 40px;
                                height: 40px;
                                font-size: 2.1rem;
                            }
                            .hero-slider {
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                            }
                            .hero .swiper-container {
                                min-height: 300px;
                            }
                            .navbar-brand img {
                                width: 100px;
                            }
                            .cart,
                            .login-icon,
                            .search-icon {
                                padding: 10px;
                            }
                            section {
                                padding: 97px 0 !important;
                            }
                            .services .media {
                                margin: 20px 0
                            }
                            .single-rpost {
                                display: flex;
                                flex-direction: column;
                            }
                            .post-thumb {
                                order: 1;
                                margin: 0 0 20px !important;
                                flex: 0 0 230px;
                            }
                            .post-content {
                                order: 2;
                                display: flex;
                                align-items: center;
                            }
                            .post-content .post-btn {
                                margin-left: 20px;
                            }
                            .post-content h3 a br {
                                display: none;
                            }
                            .cta-content {
                                padding: 50px 0;
                            }
                            .cta2 {
                                margin: 0;
                            }
                            .cta2 h2 {
                                margin-bottom: 20px !important;
                            }
                            .scroll-top {
                                bottom: 72px;
                                right: 5px;
                            }
                            header {
                                padding: 15px 0;
                            }
                            .hero-banner--container {
                                height: 150px;
                            }
                            .hero-banner--container .banner-image {
                                object-fit: cover;
                            }
                            .footer-logo,
                            .footer-desc {
                                text-align: center;
                            }
                            .footer-desc {
                                margin-bottom: 50px;
                            }
                            #about_us.featured,
                            section#recent-posts h2,
                            .contact-wrap p,
                            .contact-wrap h2 {
                                text-align: center;
                            }
                            .footer-widgets {
                                padding-bottom: 20px;
                                padding-top: 50px;
                            }
                            .footer-content p:first-child {
                                padding: 20px !important;
                            }
                            #rummy_variant {
                                padding-top: 0px !important;
                            }
                            section#faq {
                                padding-bottom: 0 !important;
                            }
                            .testimonials {
                                padding: 0;
                                border-bottom: none;
                            }
                            .content--body {
                                padding: 20px 0 20px;
                            }
                            .mobile-none {
                                display: none;
                            }
                            .banner-text-table-cell {
                                height: 330px;
                            }
                            .bx-wrapper {
                                height: 300px;
                                background-size: 100%;
                            }
                            .feedback-content p {
                                width: 100%;
                                font-size: 14px;
                            }
                            div#feedback-slider-pager img {
                                width: 50px;
                            }
                            #feedback-slider-pager a {
                                padding: 0px 10px;
                            }
                            .featured p {
                                text-align: justify;
                            }
                            .pay_1 {
                                text-align: center;
                            }
                            ul.navbar-nav li a.nav-link.drop-arrow {
                                display: inline-flex;
                            }
                            ul.navbar-nav li a.nav-link.drop-arrow span.menu-arrow i.fa {
                                padding-left: 5px;
                            }
                            .page-content--wrap {
                                overflow: hidden;
                            }
                        }
                        
                        @media only screen and (max-width: 479px) {
                            .hero-banner--container .banner-image {
                                object-fit: initial;
                            }
                            section {
                                padding: 20px 0 !important;
                            }
                            .feedback-content p {
                                width: 100%;
                                font-size: 12px;
                            }
                            #terms_condition ol {
                                overflow: auto;
                            }
                            #feedback-slider-pager h4 {
                                font-size: 14px;
                            }
                            .dropdown-content ul li img {
                                border-radius: 30px;
                                width: 100%;
                                max-width: 80px;
                            }
                        }