/* RESPONSIVE CSS */

/*----------------------------- Large Screens -------------------------------*/


@media only screen and (max-width :1700px) and (min-width: 1367px) {}

@media only screen and (max-width :1366px) and (min-width: 1281px) {}

/*----------------------------- Small Laptop -------------------------------*/
@media only screen and (max-width :1280px) and (min-width: 1101px) {}

/*----------------------------- Media 1024 -------------------------------*/
@media only screen and (max-width :1100px) {
    .container {
        max-width: 90%;
    }

    .thumbcon h3 {
        margin-top: 10px;
    }
    body .e-con {
        --container-max-width: 1024px;
    }
    .thumbnail-struct .thumbcon {
        margin-left: 10px;
        width: 51%;
    }

}


/*----------------------------- Media 768 -------------------------------*/
@media only screen and (max-width:999px) {
    body .e-con {
        --container-max-width: 767px;
    }
    .header-logo {
        width: 50%;
    }
    .elementor-element {
        padding: 0 20px;
    }
    /* Mobile Header */
    body.headeropen {
        overflow: hidden;
    }

    header.fixed {
        padding-top: 0;
    }

    .header-mobile-menu {
        display: block;
        position: absolute;
        left: 40px;
        top: 18px;
        width: 3%;
    }

    .header-mobile-menu ul {
        width: 30px;
        height: 30px;
        cursor: pointer;
    }

    .header-mobile-menu.close-button {
        left: auto;
        right: 20px;
        top: 20px;
    }

    .header-mobile-menu.close-button .toggle {
        z-index: 99999;
        position: relative;
    }

    .header-mobile-menu .toggle ul li {
        list-style: none;
        position: absolute;
        background: #000;
        width: 100%;
        height: 2px;
        transform: translateY(-50%);
        transition: .3s;
    }

    .header-mobile-menu .toggle ul li:nth-of-type(1) {
        top: 4%;
    }

    .header-mobile-menu .toggle ul li:nth-of-type(2) {
        top: 12%;
    }

    .header-mobile-menu .toggle ul li:nth-of-type(3),
    .header-mobile-menu .toggle ul li:nth-of-type(4) {
        width: 50%;
        top: 21%;
    }

    .header-mobile-menu .toggle ul li:nth-of-type(1),
    .header-mobile-menu .toggle ul li:nth-of-type(2),
    .header-mobile-menu .toggle ul li:nth-of-type(3) {
        left: 0;
    }

    .header-mobile-menu .toggle ul li:nth-of-type(4) {
        right: 0;
    }

    .header-mobile-menu .toggle ul.active li:nth-of-type(1) {
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }

    .header-mobile-menu .toggle ul.active li:nth-of-type(2) {
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
    }

    .header-mobile-menu .toggle ul.active li:nth-of-type(3) {
        left: -50%;
        opacity: 0;
    }

    .header-mobile-menu .toggle ul.active li:nth-of-type(4) {
        right: -50%;
        opacity: 0;
    }

    .header-mobile-menu .slide-menu {
        transform: translateX(-999px);
        transition: transform 0.5s;
    }

    .slide-menu.slide-out-menu {
        transform: translateX(0);
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 350px;
        max-width: 83%;
        background: linear-gradient(90.05deg, #005D9B 0%, #00204E 100%);
        z-index: 9999;
        padding: 40px 0 0 30px;
        transition: transform 0.5s;
        box-shadow: 5px 0px 11px -8px #000;
        height: 100vh;
        overflow-y: auto;
    }

    .header-mobile-menu .slide-out-menu ul {
        width: auto;
        height: auto;
        display: block;
        cursor: inherit;
        margin-top: 20px;
        overflow: auto;
    }

    .header-mobile-menu ul li,
    .header-mobile-menu ul li a {
        display: none;
        width: 100%;
        float: none;
    }

    .header-mobile-menu .toggle li {
        display: block !important;
    }

    .header-mobile-menu .slide-out-menu ul li,
    .header-mobile-menu .slide-out-menu ul li a {
        display: block;
        color: #fff;
    }

    .header-mobile-menu ul li a,
    .slide-out-menu form.is-search-form {
        width: 82%;
    }

    .header-mobile-menu ul li {
        margin-bottom: 16px;
    }

    .header-mobile-menu ul li a {
        font-size: 16px;
        padding-bottom: 10px;
        border-bottom: 1px solid #01214F;
        font-family: "Assistant", -apple-system, BlinkMacSystemFont, Helvetica Neue, sans-serif;
    }

    .header-mobile-menu ul li a::before {
        display: none;
    }

    .header-mobile-menu .slide-out-menu ul.sub-menu {
        margin: 20px 0 25px 10px;
        display: none;
    }

    .header-mobile-menu .slide-out-menu ul li.active ul {
        display: block;
    }

    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children {
        position: relative;
    }

    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children::after {
        position: absolute;
        content: '';
        right: 30px;
        top: 0;
        background-image: url('https://celebratedeals.in/clients/project-name/wp-content/uploads/2021/12/down-chevron-2.png');
        background-repeat: no-repeat;
        width: 26px;
        height: 26px;
        background-size: contain;
    }

    .header-mobile-menu .slide-out-menu ul li.active::after {
        transform: rotate(180deg);
        top: -10px;
    }

    .slide-out-menu .is-form-style.is-form-style-3 input.is-search-input {
        background: transparent;
        border: 1px solid #C6C6C6 !important;
        border-left: 0 !important;
        font-family: "Assistant", -apple-system, BlinkMacSystemFont, Helvetica Neue, sans-serif;
        font-size: 16px !important;
        border-color: #C6C6C6;
        color: #fff;
        height: 45px !important;
    }

    .slide-out-menu .is-form-style.is-form-style-3 input.is-search-input::placeholder {
        color: #fff;
        font-family: "Assistant", -apple-system, BlinkMacSystemFont, Helvetica Neue, sans-serif;
        font-size: 16px;
    }

    .slide-out-menu .is-form-style.is-form-style-3 .is-search-icon {
        border-color: #C6C6C6;
        height: 45px !important;
        padding: 12px;
    }

    .slide-out-menu .is-search-icon svg {
        filter: brightness(5.5);
        height: 30px;
    }

    /*========================================
        HEADER
    ========================================*/
    .header-menu,
    .header-search {
        display: none;
    }

    .header-top {
        margin: 18px 0 18px 60px;
    }
    body.home.page-template footer.site-footer {
        margin-top: 10px;
    }


    /*========================================
        GENERAL
    ========================================*/
    .list-inner {
        grid-template-columns: repeat(2, 1fr) !important;
    }





    /*========================================
        HOME
    ========================================*/
    .slider-single {
        padding: 130px 40px 380px 40px;
    }

    .slidthumcon .slick-track {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .slidthumcon .slick-track .slick-slide:first-child,
    .slidthumcon .slick-track .slick-slide:nth-child(3) {
        grid-column: 1;
        width: 100% !important;
    }

    .slidthumcon .slick-track .slick-slide:nth-child(2),
    .slidthumcon .slick-track .slick-slide:last-child {
        grid-column: 2;
        width: 100% !important;
    }

    .sideblog-innercon .premium-blog-post-container.premium-blog-skin-side {
        flex-direction: row;
    }
    .sideblog-innercon .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumb-effect-wrapper {
        flex-basis: 24%;
    }
    .elementor-element.elementor-element-fc3f4d2.readmore.mb-50.elementor-widget.elementor-widget-button {
        margin-bottom: 0 !important;
    }











    /*========================================
        ARCHIVE / BLOG / NEWS
    ========================================*/
    body .results .list-holder img,
    body .homelist .list-holder img {
        width: 150px;
        height: 140px;
    }

    body .blog-image img {
        height: 100%;
    }


}

/*----------------------------- Media 480 -------------------------------*/
@media only screen and (max-width:767px) {
    .elementor-element {
        padding-left: 10px;
        padding-right: 10px;
    }

    /*========================================
        HEADER
    ========================================*/
    header.fixed {
        padding-top: 0;
    }

    .header-mobile-menu {
        top: 18px;
    }

    .header-mobile-menu .toggle ul li:nth-of-type(2) {
        top: 11%;
    }

    .header-mobile-menu .toggle ul li:nth-of-type(3),
    .header-mobile-menu .toggle ul li:nth-of-type(4) {
        top: 19%;
    }

    .header-mobile-menu {
        top: 18px;
        width: 6%;
        left: 25px;
    }



    /*========================================
        GENERAL
    ========================================*/
    .list-inner,
    .results .list-inner {
        grid-template-columns: repeat(1, 1fr) !important;
    }


    /*========================================
        HOME
    ========================================*/
    .slider-single {
        padding: 130px 0 500px;
    }

    .slidthumcon .slick-track {
        width: 100% !important;
    }

    .slidthumcon .slick-track .slick-slide:nth-child(2),
    .slidthumcon .slick-track .slick-slide:last-child {
        grid-column: 1;
    }

    .slider-single h3 {
        font-size: 36px;
        width: 100%;
    }

    .slidthumcon {
        padding: 20px 0;
    }

    .thumbnail-struct .thumbcon {
        width: 69%;
    }

    .slidthumcon .slick-track,
    .latnew-innercon,
    .security-section ul,
    .set3 .list-inner {
        grid-template-columns: repeat(1, 1fr);
    }

    .main .wrapper,
    .privacy-sec .latnew-innercon,
    .privacy-sec .homenew-holder:first-child,
    .set2 .list-holder {
        display: block;
    }

    .privacy-sec .homenew-holder {
        display: flex;
        flex-direction: row;
        margin-top: 20px;
    }

    body .homenew-holder img {
        max-width: 150px;
    }

    .privacy-sec .homnewcon p,
    .security-section ul p {
        font-size: 16px;
    }

    .slidthumcon .slick-track,
    .security-section ul {
        gap: 10px;
    }

    .sidebar {
        display: none;
    }

    .sideinmobile {
        display: block;
        margin-top: 60px;
    }

    .homenew-holder:first-child {
        grid-column: 1;
    }

    body .latnew .homenew-holder:first-child img {
        margin-right: 0;
    }

    body .latnew .homenew-holder:first-child img,
    body .set2 .sideblog-innercon .homenew-holder:first-child img {
        max-width: 100%;
    }

    body .set2 .privacy-sec .homenew-holder img,
    body .set3 .list-inner img {
        max-width: 150px;
        width: 150px;
        height: 150px;
        margin-right: 20px;
    }

    body .set2 .listing-section img,
    body .privacy-sec .homenew-holder:first-child img {
        width: 100%;
        height: 300px;
        margin: 0 0 15px;
        max-width: 100%;
    }

    body .privacy-sec .homenew-holder img {
        width: auto;
    }

    .premium-blog-post-container.premium-blog-skin-side {
        flex-direction: row;
    }

    .premium-blog-post-container:not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
        padding-left: 0px;
        padding-top: 5px;
        padding-bottom: 0;
    }

    .privacy-sec .homnewcon {
        margin: 0 0 0;
    }

    .blog-respo .premium-blog-thumbnail-container {
        width: 90% !important;
    }


}

/*----------------------------- Media 320 -------------------------------*/
@media only screen and (max-width:479px) {
    .thumbnail-struct .thumbcon {
            width: 70%;
    }
    .slider-single h3 {
        font-size: 33px;
    }
}