/*
------------------
Project:        Kisimusi - Christmas HTML5 Template
Version:        1.0
Last change:    06/ 11 /2019
Primary use:    Christmas party or blog sit. 
Author:         Ingenious_team
------------------ */

@media (min-width: 1200px) and (max-width: 1299.98px) {
    .logo_container a {
        width: 73px;
    }

    .navcss .logo_container {
        padding-top: 16px;
    }

    .navcss .main_menu .menu_toggler {
        top: 28px;
        right: 80px;
    }

    .main_menu .menu_toggler {
        right: 80px;
    }

    .slide,
    .full-screen,
    .slide .slide__img img {
        height: 94vh;
    }

    .main_menu .offset_menu {
        padding-left: 70px;
        height: 105vh;
    }

    .cross .right {
        top: 25px;
    }

    .cross .left {
        top: 28px;
    }

    .slidNext {
        right: 19%;
    }

    .slidprev3,
    .slidNext3 {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .slidNext {
        right: 12%;
    }

    .slidprev {
        right: 20%;
    }

    .title {
        font-size: 50px;
        line-height: 60px;
    }

    .logo_container {
        padding-top: 18px;
    }

    .navcss .logo_container {
        padding-top: 8px;
    }

    .navcss .main_menu .menu_toggler {
        top: 18px;
        right: 80px;
    }

    .main_menu .menu_toggler {
        right: 80px;
    }

    .banner_text p {
        padding-bottom: 50px;
    }

    .slide {
        height: 96vh;
    }

    .main_menu .offset_menu {
        padding-left: 72px;
    }

    .heading h2 {
        font-size: 28px;
    }

    .slidprev3,
    .slidNext3 {
        display: none !important;
    }

    .digit span {
        font-size: 28px;
    }

    .digit p {
        font-size: 24px;
    }

    .slidprev4 {
        left: 43%;
    }

    .slidNext4 {
        right: 43%;
    }

    .santa-coming {
        margin-top: 50px;
    }

    .news-head h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .news-head p {
        font-size: 14px;
        line-height: 22px;
    }
    .blog-banner:after{
        display: none;
    }
.blog_Page h1 {
    font-size: 30px;
    margin-top: 60px;
}
    /*  =========== blog details =================   */
    .slick-slide .blog-in-img {
        width: 100%;
    }

    .details-img-sub ul li {
        margin: 60px 45px 50px 25px;
    }
/*     ========  404 page ====== */
    .four-img {
    padding-top: 200px;
}
/*     ========  Model ====== */    
    .modal-dialog {
    margin-top: 63px;
    max-width: 900px!important;
}
.popup_gift {
    width: 100%;
}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .slidNext {
        right: 10%;
        top: 86%;
    }

    .slidprev {
        right: 19%;
        top: 86%;
    }

    .title {
        font-size: 45px;
        line-height: 50px;
    }

    .main_menu .menu_toggler {
        top: 20px;
    }

    .logo_container a {
        width: 65px;
    }

    .logo_container {
        padding-top: 12px;
    }

    .navcss .logo_container {
        padding-top: 8px;
    }

    .navcss .main_menu .menu_toggler {
        top: 20px;
        right: 80px;
    }

    .main_menu .menu_toggler {
        right: 80px;
    }

    .blog-banner:after {
        display: none;
    }

    .banner_text p {
        padding-bottom: 50px;
    }

    .home-text-center {
        width: 55%;
        top: -45%;
        transform: translateY(-50%);
    }

    .cristmas-btn a {
        font-size: 22px;
        padding: 8px 22px;
    }

    .main_menu .offset_menu {
        padding-left: 70px;
        padding-right: 65px;
    }

    .menu-label,
    #content,
    .offset_menu a {
        font-size: 16px;
        line-height: 20px;
    }

    .offset_menu li {
        padding: 6px 0;
    }

    .heading h2 {
        font-size: 28px;
    }

    .slidprev3,
    .slidNext3 {
        display: none !important;
    }

    .digit span {
        font-size: 22px;
    }

    .digit p {
        font-size: 18px;
    }

    .slidprev4 {
        left: 41%;
        bottom: -25%;
    }

    .slidNext4 {
        right: 41%;
        bottom: -25%;

    }

    .santa-coming {
        margin-top: 50px;
    }

    .news-head h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .news-head p {
        font-size: 14px;
        line-height: 22px;
    }

    .donate .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .party-santa,
    .santa {
        text-align: center;
    }

    .santa img {
        padding-top: 120px;
        width: 62%;
    }

    .party-santa img {
        padding-top: 80px;
        width: 62%;
    }

    .donate {
        padding-bottom: 30px;
    }

    .wish {
        margin-top: 60px;
    }

    .copy-right h6 {
        font-size: 14px;
    }

    .location-icon i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    .location-txt span {
        line-height: 24px;
        font-size: 15px;
        top: 22%;
    }

    .days-border:after {
        height: 346px;
    }

    /*    blog page    */
    .blog-grid .blog-name {
        display: block;
    }

    .blog-grid .author {
        padding-top: 12px;
        padding-left: 0;
    }

    .blog-grid .blog-in {
        height: 95%;
    }

    .blog-grid .blog-details {
        padding: 30px 18px;
    }

    .blog_Page h1 {
        margin-top: 80px;
    }

    /*  =========== blog details =================   */
    .slick-slide .blog-in-img {
        width: 100%;
    }

    .details-img-sub ul li {
        margin: 60px 5px 50px 15px;
        font-size: 19px;
    }

    .details-img-sub h5 {
        font-size: 15px;
    }

    .details-img-sub p {
        font-size: 13px;
    }

    .detail-text h4 {
        font-size: 17px;
        line-height: 26px;
    }

    .blog-detail-inner p {
        padding-left: 0px;
    }

    .blog_highlights p {
        padding: 26px 20px 26px 30px;
    }

    .tag a {
        margin: 10px 0px 0 0;
    }

    .media-middle {
        display: block;
    }

    .blog_media .media-heading {
        padding-top: 20px;
    }
    .four-img {
    padding-top: 210px;
}
    /*     ========  Model ====== */    
    .modal-dialog {
    margin-top: 60px;
    max-width: 730px!important;
}
.popup_gift {
    width: 100%;
}
}

@media only screen and (max-width: 767px) {
    .nav_area {
        display: none;
    }

    .hidden {
        display: block;
    }

    .slidNext {
        right: 10%;
        top: 86%;
        height: 50px;
        width: 50px;
        line-height: 50px;
    }

    .slidprev {
        right: 19%;
        top: 86%;
        height: 50px;
        width: 50px;
        line-height: 50px;
    }

    .title {
        font-size: 45px;
        line-height: 50px;
    }

    .banner_text p {
        padding-bottom: 50px;
    }

    .banner-area{
        display: none;
    }
    .res-banner{
    display: block;
}
    .blue-color.res-banner {
        height: 100vh;
        background: #247689;
    }
    .res-banner{
        height: 100vh;
    }
    .red-color.res-banner {
        height: 100vh;
        background: #ff5a5a;
    }

    .banner-area .slick-slide img {
        display: none;
    }

    .slidprev,
    .slidNext {
        display: none !important;
    }

    .home-text-center {
        top: 57%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 480px;
    }

    .slide__content--headings {
        text-align: center;
    }

    .cristmas-btn a {
        font-size: 22px;
        padding: 8px 22px;
    }

    .heading h2 {
        font-size: 28px;
        line-height: 28px;
    }

    .slidprev3,
    .slidNext3 {
        display: none !important;
    }

    .gift_text {
        text-align: center;
    }

    .donate-btn {
        margin-left: 50%;
        transform: translateX(-50%);
    }

    .blue-color.santa-coming {
        background: #247689;
        position: relative;
        padding-bottom: 60px;
    }
    .red-color.santa-coming {
        background: #ff5a5a;
        position: relative;
        padding-bottom: 60px;
    }
    .red-color .digit span,
    .blue-color .digit span {
        font-size: 36px;
        color: #fff;
    }
    .red-color .digit p,
    .blue-color .digit p {
        font-size: 22px;
        color: #fff;
    }
    .digit {
        margin-top: 60px;
        margin-bottom: 0px;
    }

    .heading h2:after {
        left: 50%;
        top: 45px;
        transform: translateX(-50%);
    }

    .slidprev4 {
        left: 37%;
        bottom: -33%;
    }

    .slidNext4 {
        right: 37%;
        bottom: -33%;

    }

    .santa-coming {
        margin-top: 50px;
    }

    .wish {
        background: #fafafa;
    }
    .party{
        padding-top: 60px;
    }
    .heading-news h2 {
        padding-bottom: 80px;
    }

    .news-head h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .news-head p {
        font-size: 14px;
        line-height: 22px;
    }

    .contact-left {
        padding-top: 30px;
    }

    .location-icon i {
        margin-bottom: 30px;
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
    }

    .contact-us .contact-form,
    .donate .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .party-santa,
    .santa {
        text-align: center;
    }

    .santa img {
        padding-top: 120px;
        width: 75%;
    }

    .days-border:after {
        display: none;
    }

    .party-santa img {
        padding-top: 80px;
        width: 70%;
    }

    .donate {
        padding-bottom: 30px;
    }

    .wish {
        margin-top: 60px;
    }

    .contact-form h2 {
        text-align: center;
    }

    .contact-us:after {
        bottom: 51px;
    }

    .copy-right h6 {
        font-size: 14px;
        text-align: center;
        padding-bottom: 30px;
    }

    .footer-center {
        text-align: -webkit-center;
    }

    .footer ul {
        float: none;
        display: inline-flex;
    }

    .footer ul li i {
        padding: 17px 17px;
    }

    .location-txt span {
        line-height: 24px;
        font-size: 15px;
        top: 36%;
        left: 0;
    }

    .location-txt span {
        line-height: 24px;
        font-size: 15px;
        top: 34%;
    }

    .pt .location-icon,
    .ptb-bb .location-icon {
        text-align: right;
    }

    .slick-slide .blog-in-img {
        width: 100%;
    }

    .contact-form h2 {
        font-size: 26px;
    }

    /* ========= blog page ========= */
    .blog-banner:after {
        display: none;
    }

    .blog_Page h1 {
        margin-top: 80px;
    }

    .blog-grid .blog-in .blog-in-img {
        width: 100%;
    }

    /*  =========== blog details ================= */

    .details-img-sub ul li:last-child,
    .details-img-sub ul li:nth-last-child(2) {
        display: none;
    }

    .details-img-sub ul li {
        margin: 50px 16px 50px 28px;
        font-size: 18px;
    }

    .detail-text h4 {
        font-size: 17px;
        line-height: 26px;
    }

    .blog-detail-inner p {
        padding-left: 0px;
        padding-bottom: 15px;
    }

    .blog_highlights p {
        padding: 26px 20px 26px 30px;
    }

    .tag {
        display: block;
        margin-top: 30px;
    }

    .tag a {
        padding: 5px 10px;
        margin: 0;
    }

    .media-middle {
        display: block;
    }

    .blog_media .media-heading span {
        float: none;
        display: block;
    }

    .form-detail {
        margin-bottom: 0px;
    }

    .blog_media .media-heading {
        padding-top: 10px;
        margin-top: 10px;
    }

    .blog-detail-inner ul li h5 {
        padding-left: 0px;
    }
    .four-img {
    padding-top: 84%;
}
    .error-btn a {
    font-size: 16px;
    padding: 12px 20px;
}
    /*     ========  Model ====== */    
    .modal-dialog {
    margin-top: 40px;
    max-width: 100%!important;
}
.popup_gift {
        height: 100%;
    width: 100%;
}
    .reserve_form .form-group {
    margin-bottom: 2px;
}
    .popup_gift input[type="checkbox"], .popup_gift input[type="radio"] {
    margin-left: 8px;
    margin-bottom: 20px;
}
    .Sgift_inner form{
        padding-left: 15px;
    }
    .head h4 span{
        display: none;
    }
    .has-sub .dropdown-menu {
    padding: 0;
}
    .head h4 {
    font-size: 21px;
}
    .pop-donate-btn a {
    font-size: 15px;
    padding: 12px 20px;
}
    .popup_gift label {
    margin-right: 0px;
}

}

@media (min-width: 381px) and (max-width: 575px) {
.banner-area{
        display: none;
    }
    .res-banner{
    display: block;
}
    .blue-color.res-banner {
        height: 100vh;
        background: #247689;
    }
    .res-banner{
        height: 100vh;
    }
    .red-color.res-banner {
        height: 100vh;
        background: #ff5a5a;
    }

    .banner-area .slick-slide img {
        display: none;
    }

    .slidprev,
    .slidNext {
        display: none !important;
    }

    .home-text-center {
        top: 57%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 380px;
    }

    .slide__content--headings {
        text-align: center;
    }

    .digit span {
        font-size: 32px;
    }

    .digit p {
        font-size: 22px;
    }

    .heading h2 {
        padding-bottom: 40px;
    }

    .heading h2:after {
        display: none;
    }

    .title {
        font-size: 30px;
        line-height: 40px;
    }

    .slidprev4 {
        left: 33%;
        bottom: -84px;
    }

    .slidNext4 {
        right: 32%;
        bottom: -84px;
    }

    .pt .location-icon,
    .ptb-bb .location-icon {
        text-align: center;
    }

    .party-img .slick-slide img {
        width: 100%;
    }

    .party-santa img {
        width: 80%;
    }

/*
    .donate-btn {
        margin-left: 40%;
        transform: translateX(-50%);
    }

    .blue-color .donate-btn ul li {
        box-shadow: none;
        border-radius: 100px;
        background: #1e7a8e;
        width: 140px;
    }

    .donate-btn ul li a {
        color: #fff !important;
    }

    .donate-btn ul li span {
        display: inline-block;
        visibility: visible;
        position: relative;
        margin-top: 0px;
    }
*/

    /*  =========== blog details =================   */
    .details-img-sub ul li {
        margin: 50px 10px 50px 10px;
        font-size: 18px;
    }

    .blog_comments {
        padding: 0 10px;
    }

    .blogdetails_form {
        padding-left: 0px;
    }
    
}

@media only screen and (max-width: 380.99px) {
    .banner-area{
        display: none;
    }
    .res-banner{
    display: block;
}
    .blue-color.res-banner {
        height: 100vh;
        background: #247689;
    }
    .res-banner{
        height: 100vh;
    }
    .red-color.res-banner {
        height: 100vh;
        background: #ff5a5a;
    }

    .banner-area .slick-slide img {
        display: none;
    }

    .slidprev,
    .slidNext {
        display: none !important;
    }

    .home-text-center {
        top: 57%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 320px;
    }
    .slide__content--headings {
        text-align: center;
    }

    .heading h2 {
        padding-bottom: 35px;
    }

    .heading h2:after {
        display: none;
    }

    .title {
        font-size: 30px;
        line-height: 40px;
    }

    .slidprev4 {
        left: 29%;
        bottom: -84px;
    }

    .slidNext4 {
        right: 28%;
        bottom: -84px;
    }

    .donate-btn {
        margin-left: 45%;
        transform: translateX(-50%);
    }
    .donate {
    overflow-x: hidden;
}

    .contact-form h2 {
        font-size: 26px;
    }

    .copy-right h6 {
        font-size: 13px;
    }

    .pt .location-icon,
    .ptb-bb .location-icon {
        text-align: center;
    }

    .party-img .slick-slide img {
        width: 100%;
    }

    .santa img {
        width: 85%;
    }

    .party-santa img {
        width: 90%;
    }
.section {
    padding-top: 60px;
}
    /*  =========== blog details =================   */
    .details-banner img {
        height: 130px;
    }

    .detail-text h4 {
        padding-top: 80px;
    }

    .details-img-sub ul li {
        margin: 50px 16px -42px 25px;
    }

    .blog_comments {
        padding: 0 10px;
    }

    .share ul li a {
        margin: 10px 0 0 3px;
    }

    .blogdetails_form {
        padding-left: 0px;
    }
    .error-content-detail p {
    font-size: 14px;
}
    .heading-news h2,
.heading h2 {
    font-size: 24px;
    line-height: 29px;
}
    .tag a {
    padding: 5px 9px;
}
    .details-img-sub ul li:last-child, 
    .details-img-sub ul li:nth-last-child(3),
    .details-img-sub ul li:nth-last-child(2) {
    display: none;
}
}