/*
======================
For - Big - Screen
======================
*/


@media screen and (min-width: 1900px) {}


/*
=======================
For - Dextop - Screen
=======================
*/

@media screen and (min-width: 1400px) and (max-width: 1439px) {

    


}


/*
====================================
For -  Leptop/Mini Desktop - Screen
====================================
*/

@media screen and (min-width: 1200px) and (max-width: 1399px) {


    /* 
    -------------------------
    header-area start
    -------------------------
    */

    .hdr-nav-list {
        gap: 40px;
    }

    .hdr-btn-div {
        gap: 22px !important;
    }
   
	
}


/*
=============================
For - Mini - Leptop - Screen
=============================
*/

@media screen and (min-width: 992px) and (max-width: 1199px) {

    body {
        font-size: 14px;
    }

    h1 {
        font-size: 45px;
        line-height: 55px;
    }

    h2 {
        font-size: 30px;
        line-height: 37px;
        letter-spacing: -1%;
    }

    h5 {
        font-size: 17px;
        line-height: 24px;
    }

    .hdr-contact-list .text-sm {
        font-size: 12px;
    }

    .btn-shape {
        padding: 6px 20px;
        font-size: 13px;
    }


    /* 
    -------------------------
    header-area start
    -------------------------
    */

    .hdr-contact-list {
        gap: 28px;
    }

    .hdr-contact-list li::before {
        right: -15px;
    }

    .hdr-social-list li a img {
        width: 22px;
    }

    .hdr-nav-list {
        gap: 30px;
    }

    .hdr-nav-list li a {
        font-size: 14px;
    }

    .hdr-btn-div {
        gap: 10px !important;
    }

    .avatar__btn img {
        width: 37px;
    }




    .filter__grid {
        grid-template-columns: 230px 230px 230px auto;
    }

    .filter__grid .btn-shape {
        padding: 12px 24px;
    }






    /* 
    -------------------------
    helpi-category-area start
    -------------------------
    */

    .helpi-category-area .row {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
    }

    .category__item h5 {
        padding: 10px;
    }




    /* 
    ----------------------------
    helpi-customes-says-area
    ----------------------------
    */

    .customer-content {
        max-width: 270px;
    }

    .customer-content p {
        -webkit-line-clamp: 4;
    }



    /* 
    ------------------------
    footer-area
    ------------------------
    */

    .collapse__list li a, .collapse__list li p, .footer-bottom ul li a {
        font-size: 14px;
        margin: 0 0 10px;
    }

    .footer-bottom {
        padding: 20px 0 10px;
    }






    /* 
    =========================
    ad-inner.html
    =========================
    */



    /* 
    ---------------------------
    helpi-ad-inner-main-area
    ---------------------------
    */

    .order-details-box > h4 {
        margin: 0 0 16px;
    }

    .design__box {
        padding: 24px 24px;
    }

    .order-details-form .input-design {
        padding: 15px 16px;
    }

    .input__group {
        margin-bottom: 16px;
    }

    .contact-box {
        margin: 16px 0 0;
    }

    .order-details-form .btn-shape,
    .modal__content__area .btn-shape {
        padding: 12px 16px;
        font-size: 15px;
    }

    .image__flex__column {
        padding: 20px 0 0;
        gap: 8px;
        width: 100%;
        overflow: hidden;
        flex-wrap: wrap;
        height: 108px;
    }




    /* 
    =========================
    user-profile-my-ads.html
    =========================
    */



    /* 
    -----------------------------
    my-ads-area
    -----------------------------
    */

    .my-ads-area {
        padding: 20px 15px;
    }

    .ads__flex__div {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
    }



    .profile-design-box_2 {
        padding: 30px 30px;
    }

    .event {
        width: 60px;
    }





	
}



/*
=======================
For - Ipad - Screen
=======================
*/

@media screen and (min-width: 768px) and (max-width: 991px) {


    body {
        font-size: 14px;
        line-height: 20px;
    }

    h1 {
        font-size: 38px;
        line-height: 50px;
        letter-spacing: -1%;
    }

    h2 {
        font-size: 26px;
        line-height: 28px;
        letter-spacing: -1%;
    }

    h3 {
        font-size: 24px;
        line-height: 28px;
    }

    h4 {
        font-size: 19px;
        line-height: 24px;
    }

    h5 {
        font-size: 16px;
        line-height: 24px;
    }

    .input-design {
        padding: 17px 16px;
    }



    /* 
    -------------------------
    header-area start
    -------------------------
    */

    .header-area > .container {
        padding: 0;
    }

    .sm-header-top {
        padding: 15px 20px;
    }

    .avatar__btn {
        width: 40px;
    }

    .hdr-contact-list {
        padding: 28px 0 40px;
    }

    .hdr-contact-list li {
        padding: 0 12px;
    }

    .hdr-contact-list li::before {
        display: none;
    }

    .hdr-social-list {
        padding: 0 12px 64px;
    }

    #headerMenuOffcanvas .hdr-btn-div {
        padding: 0 12px;
    }

    #headerMenuOffcanvas {
        width: 400px;
    }




    /* 
    -------------------------
    banner-area start
    -------------------------
    */

    .banner-area {
        padding: 50px 0 62px;
        background-image: url(../images/img/banner-bg-sm.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover;
    }

    .banner-content > h1 {
        margin-bottom: 48px;
    }

    .filters-div {
        padding: 16px;
    }

    .filter__grid {
        grid-template-columns: repeat(2, 1fr);
    }




    /* 
    -------------------------
    helpi-category-area start
    -------------------------
    */

    .helpi-category-area {
        padding: 50px 0;
    }

    .mb-48 {
        margin-bottom: 40px;
    }

    .helpi-category-area .row {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
    }
    
    .category__item h5 {
        padding: 10px;
    }




    /* 
    ----------------------------
    helpi-customes-says-area
    ----------------------------
    */

    .helpi-customes-says-area {
        padding: 50px 0;
    }

    .customer-content p {
        -webkit-line-clamp: 4;
    }




    /* 
    ---------------------
    helpi-app-area
    ---------------------
    */

    .helpi-app-area {
        padding: 40px 0;
    }

    .app-box {
        padding: 40px 24px 0;
        background-image: url(../images/img/app-bg-sm.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border-radius: 16px;
    }

    .app-content p {
        margin: 12px 0 24px;
    }

    .helpi-news-reviews-area {
        padding: 40px 0;
    }



    /* 
    ------------------------
    footer-area
    ------------------------
    */

    .footer-area {
        padding: 40px 0 0;
    }

    .footer-bottom {
        margin: 24px 0 0;
        padding: 20px 0 0;
    }

    .footer-bottom ul {
        column-gap: 32px;
        row-gap: 8px;
    }

    .ftr-links {
        padding-top: 20px;
    }

    .ftr-social-list {
        gap: 16px !important;
        padding: 0;
    }





    /* 
    =========================
    ad-inner.html
    =========================
    */



    /* 
    ---------------------------
    helpi-ad-inner-main-area
    ---------------------------
    */

    .order-details-box {
        margin: 0;
    }
    
    .contact-box {
        margin: 32px 0 50px;
    }


    .image__flex__column {
        padding: 20px 0 0;
        gap: 8px;
        width: 100%;
        overflow: hidden;
        flex-wrap: wrap;
        height: 108px;
    }



    /* 
    ---------------------------
    helpi-similar-ads-area
    ---------------------------
    */

    .helpi-similar-ads-area {
        padding: 48px 0 40px;
    }





    /* 
    -----------------------------
    helpi-user-profile-main-area
    -----------------------------
    */

    .user-profile-body {
        background-color: var(--white-colour);
    }

    .helpi-user-profile-main-area {
        padding: 0;
    }

    .user__info {
        padding-bottom: 24px;
    }

    .aside__part {
        display: none;
        width: 100%;
        background-color: var(--white-colour);
    }

    .aside__box {
        background-color: transparent;
        border-radius: 0;
        padding: 48px 0;
        border: 0;
        box-shadow: none;
        max-width: 400px;
        margin: 0 auto;
    }

    .items__list li a::before {
        display: none;
    }

    .items__list li a {
        margin-bottom: 6px;
    }

    .items__list li.line {
        margin: 24px 0;
    }

    .profile-design-box {
        background-color: transparent;
        padding: 0;
        border: 0;
        box-shadow: none;
    }

    .welcome-area {
        padding: 48px 0;
    }

    .welcome-area img {
        max-width: 164px;
    }

    .welcome-area h3 {
        margin: 32px 0 16px;
    }



    /* 
    =========================
    user-profile-my-ads.html
    =========================
    */



    /* 
    -----------------------------
    my-ads-area
    -----------------------------
    */

    .my-ads-area {
        padding: 24px 0 24px;
    }
    



    /* 
    ===============================
    user-profile-messages.html
    ===============================
    */

    .messages__grid__area {
        border: 1px solid #1C1C1C1A;
        border-radius: 16px;
    }



    /* 
    ===================================
    user-profile-account-settings.html
    ===================================
    */

    .password__btn {
        bottom: 13px;
    }





    /* 
    ===============================
    user-profile-submit-ad.html
    ===============================
    */

    .main-submit-ad-area {
        padding: 24px 0 40px;
    }

    .line__height__item {
        line-height: 1 !important;
    }

    .money__sign {
        bottom: 14px;
    }


    /* event-calender */
    .calendar__title {
        flex-direction: row-reverse;
        padding: 12px 0;
    }




    /* privacy-policy */

    .privacy-policy-area .sidebar ul {
        padding-left: 12px !important;
    }






    /* 
    ==================================
    News-Page Start Here
    ==================================
    */

    .news-article-area,
    .post-single-page {
        padding: 25px 0;
    }

    .news__article {
        padding: 30px;
    }

    


}






/*
=======================
For - Mobile - Screen
=======================
*/


@media screen and (max-width: 767px) {

    body,
    .text-base {
        font-size: 14px;
        line-height: 20px;
    }

    h1 {
        font-size: 28px;
        line-height: 38px;
        letter-spacing: -1%;
    }

    h2 {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: -1%;
    }

    h3 {
        font-size: 20px;
        line-height: 28px;
    }

    h4 {
        font-size: 19px;
        line-height: 24px;
    }

    h5 {
        font-size: 16px;
        line-height: 24px;
    }

    .input-design {
        padding: 17px 16px;
    }
            

    /* 
    -------------------------
    header-area start
    -------------------------
    */

    .header-area > .container {
        padding: 0;
    }

    .avatar__btn {
        width: 40px;
    }

    .logo_flex .header-logo {
        max-width: 72px;
    }

    .hdr-contact-list {
        padding: 28px 0 40px;
    }

    .hdr-contact-list li {
        padding: 0 12px;
    }

    .hdr-contact-list li::before {
        display: none;
    }

    .hdr-social-list {
        padding: 0 12px 64px;
    }

    #headerMenuOffcanvas .hdr-btn-div {
        padding: 0 12px;
    }




    /* 
    -------------------------
    banner-area start
    -------------------------
    */

    .banner-area {
        padding: 50px 0 62px;
        background-image: url(../images/img/banner-bg-sm.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .banner-content > h1 {
        margin-bottom: 48px;
    }

    .filters-div {
        padding: 16px;
    }

    .filter__grid {
        grid-template-columns: repeat(1, 1fr);
    }




    /* 
    -------------------------
    helpi-category-area start
    -------------------------
    */

    .helpi-category-area {
        padding: 40px 0;
    }

    .mb-48 {
        margin-bottom: 24px;
    }

    .helpi-category-area .row {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
    }

    .category__item h5 {
        padding: 10px;
    }





    /* 
    -------------------------
    helpi-assembly-area start
    -------------------------
    */

    .helpi-assembly-area {
        padding: 40px 0 30px;
    }

    .carousel-container {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 0;
    }

    .card__link__item {
        padding: 8px;
    }

    .card__content .text-sm {
        font-size: 12px;
        line-height: 18px;
    }

    .card__link__item > div > img {
        aspect-ratio: 146/114;
    }

    .card__content {
        padding: 8px 0 0;
    }

    .card__content h5 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .card__content2 h5 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        margin: 8px 0 16px;
    }

    .card__content > span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .card__content p {
        margin: 8px 0 0;
    }

    .star__heart__div span {
        font-size: 12px;
        height: 24px;
    }

    .star__span {
        padding: 0 7px;
    }

    .heart__span {
        width: 24px;
    }

    .star__heart__div {
        padding: 0 8px;
        width: calc(100% - 16px);
        left: 8px;
        top: 16px;
    }

    .carousel__slider .owl-nav button {
        width: 40px;
        height: 40px;
    }

    .carousel__slider .owl-nav button.owl-prev {
        margin: 0;
    }

    .carousel__slider .owl-nav button.owl-next {
        margin: 0 20px 0 0;
    }




    /* 
    ----------------------------
    helpi-customes-says-area
    ----------------------------
    */

    .helpi-customes-says-area {
        padding: 40px 0;
    }

    .customer-says-title {
        padding: 0 0 48px;
    }

    .customer-content {
        max-width: 100%;
    }

    .customer-content p {
        font-size: 16px;
        line-height: 24px;
    }




    /* 
    ---------------------
    helpi-app-area
    ---------------------
    */

    .helpi-app-area {
        padding: 40px 0;
    }

    .app-box {
        padding: 40px 24px 0;
        background-image: url(../images/img/app-bg-sm.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border-radius: 16px;
    }

    .app-content {
        padding: 0 0 80px;
    }

    .app-content p {
        margin: 12px 0 24px;
    }





    /* 
    ------------------------
    helpi-news-reviews-area
    ------------------------
    */

    .helpi-news-reviews-area {
        padding: 40px 0;
    }



    /* 
    ------------------------
    footer-area
    ------------------------
    */

    .footer-area {
        padding: 40px 0 0;
    }

    .ftr-links {
        padding: 24px 0 13px;
    }

    .footer-logo {
        max-width: 124px;
    }

    .collapse__list {
        display: none;
        padding: 24px 0 24px;
        margin: 0 !important;
        border-bottom: 1px solid #E4E9E8;
    }

    .collapse__list > ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: 40px;
        padding: 8px 0 0;
        margin: 0 !important;
    }

    .frt-links-title h6 {
        margin: 0 !important;
    }

    .collapse__list li a, .collapse__list li p, .footer-bottom ul li a {
        margin: 0 0 24px;
    }

    .collapse__list li:last-child a, .collapse__list li:last-child p {
        margin-bottom: 0;
    }

    .collapse__list li:nth-child(odd) {
        min-width: 125px;
    }

    .ftr-social-list {
        gap: 16px !important;
        padding: 0;
    }

    .ftr-social-list li {
        min-width: auto !important;
    }

    .ftr-social-list li a {
        margin-bottom: 0;
    }

    .footer-bottom {
        margin: 14px 0 0;
        padding: 16px 0 0;
    }

    .footer-bottom ul {
        column-gap: 32px;
        row-gap: 0;
        justify-content: center;
    }





    /* 
    =========================
    ads-list.html
    =========================
    */



    /* 
    -------------------------
    ads-list-banner-bg-area
    -------------------------
    */

    .ads-list-banner-bg-area {
        background-image: url(../images/img/ads-list-banner-bg-sm.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .ads-banner-content {
        padding: 40px 0 90px;
    }

    .category__item__box .category__inr__div {
        padding: 10px;
    }

    .category__item__box .category__inr__div p {
        margin: 8px 0 0;
    }




    /* filters__collapse__area */

    .filters__collapse__area {
        flex-wrap: wrap;
    }

    .filters__collapse__area > div {
        min-width: 100%;
    }

    .filter__collapse__main__div {
        display: none;
        padding: 20px 0 0;
    }





    /* 
    =========================
    ad-inner.html
    =========================
    */



    /* 
    ---------------------------
    helpi-ad-inner-main-area
    ---------------------------
    */

    .ratings-div ul li {
        display: none;
    }

    .ratings-div ul li:first-child,
    .ratings-div ul li:last-child {
        display: inline-block;
    }

    .reviews__title {
        padding: 0 0 16px;
    }

    .order-details-box {
        margin: 0;
    }

    .order-details-box > h4 {
        margin: 0 0 16px;
    }

    .design__box {
        padding: 24px 16px;
    }

    .order-details-form .input-design {
        padding: 15px 16px;
    }

    .input__group {
        margin-bottom: 16px;
    }

    .contact-box {
        margin: 16px 0 50px;
    }

    .architects-content,
    .gallery-image-area {
        padding-bottom: 48px;
    }

    .gallery__grid {
        gap: 10px;
    }
    
    .gallery__grid > div:last-child::after {
        font-size: 16px;
        line-height: 24px;
    }

    .gallery-image-area .close {
        top: 32px;
        right: 32px;
    }

    .gallery-image-area .close img {
        width: 30px;
    }

    .image__slide > img {
        aspect-ratio: 2/1;
    }

    .gallery-image-area .prev img, .gallery-image-area .next img {
        width: 30px;
    }

    .image__flex__column {
        padding: 16px 0 0;
        gap: 8px;
        width: 100%;
        overflow: hidden;
        flex-wrap: wrap;
        height: 76px;
    }

    .image__flex__column > div {
        width: 60px;
        height: 60px;
    }

    .view__more__a {
        margin-top: 20px;
    }

    .reviews-empty-box {
        padding: 64px 0 64px;
    }

    .modal__ratings__div ul li i {
        font-size: 21px;
    }

    .gap_12 {
        gap: 9px;
    }

    .modal__ratings__div {
        padding: 12px 0 24px;
    }



    /* 
    ---------------------------
    helpi-similar-ads-area
    ---------------------------
    */

    .helpi-similar-ads-area {
        padding: 48px 0 40px;
    }




    /* 
    -----------------------------
    helpi-user-profile-main-area
    -----------------------------
    */

    .user-profile-body {
        background-color: var(--white-colour);
    }

    .helpi-user-profile-main-area {
        padding: 0;
    }

    .user__info {
        padding-bottom: 24px;
    }

    .user__image__btn {
        width: 64px;
        height: 64px;
    }

    .aside__part {
        display: none;
        width: 100%;
        background-color: var(--white-colour);
    }

    .aside__box {
        background-color: transparent;
        border-radius: 0;
        padding: 48px 0;
        border: 0;
        box-shadow: none;
    }

    .items__list li a::before {
        display: none;
    }

    .items__list li a {
        margin-bottom: 6px;
    }

    .items__list li.line {
        margin: 24px 0;
    }

    .profile-design-box {
        background-color: transparent;
        padding: 0;
        border: 0;
        box-shadow: none;
    }

    .welcome-area {
        padding: 48px 0;
    }

    .welcome-area img {
        max-width: 164px;
    }

    .welcome-area h3 {
        margin: 32px 0 16px;
    }





    /* 
    =========================
    user-profile-my-ads.html
    =========================
    */



    /* 
    -----------------------------
    my-ads-area
    -----------------------------
    */

    .my-ads-area {
        padding: 0 0 24px;
    }

    .page__title {
        padding-bottom: 24px;
    }

    .page__title h4 {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }






    /* 
    =========================
    user-profile-sals.html
    =========================
    */

    .sals__tab__list {
        margin-bottom: 24px;
    }




    /* 
    ===============================
    user-profile-messages.html
    ===============================
    */

    .messages__grid__area {
        display: block;
    }

    .friend__list__area {
        border: 0;
    }

    .friend__message__list {
        padding: 0;
    }

    .message__content {
        width: 86%;
    }







    /* 
    ===============================
    user-profile-messages.html
    ===============================
    */

    .friend__message__area {
        position: fixed;
        height: 100vh;
        width: 100%;
        left: 0;
        bottom: 0;
        z-index: 50;
        display: none;
        background-color: #FAFDFD;
        overflow-y: auto;
    }

    .friend__message__title {
        padding: 0 15px 16px;
        height: 56px;
        background-color: var(--white-colour);
    }

    .friend__message__title span img {
        width: 24px;
        height: 24px;
    }

    .message-type-div {
        padding: 0 16px;
        bottom: 20px;
    }

    .messenger-area {
        padding: 16px 16px 60px;
        height: calc(100% - 150px);
        overflow-y: auto;
        min-height: auto;
    }

    .message__input__div {
        width: 100%;
    }

    .message-type-div input {
        padding: 14px 7px 14px 45px;
    }

    .message__input__div .emoji__btn {
        left: 10px;
    }

    .attach__btn__div {
        right: 8px;
    }

    .friend__message__title div h6 {
        margin: 0;
    }





    /* 
    ===================================
    user-profile-account-settings.html
    ===================================
    */

    .account-settings-area .text-lg {
        font-size: 16px;
        line-height: 24px;
    }

    .password__btn {
        bottom: 13px;
    }



    /* 
    ===============================
    user-profile-wallet.html
    ===============================
    */

    .payment-method-div {
        padding: 16px 16px;
    }

    .orders-area .orders-title {
        padding: 16px 24px;
    }

    .orders-table th,
    .orders-table td {
        display: none;
    }

    .orders-table th:nth-child(1),
    .orders-table th:nth-child(2),
    .orders-table td:nth-child(1),
    .orders-table td:nth-child(2) {
        display: table-cell;
    }

    .table-pagination {
        padding: 12px 24px;
    }





    /* 
    ===============================
    user-profile-submit-ad.html
    ===============================
    */

    .main-submit-ad-area {
        padding: 24px 0 40px;
    }

    .main-submit-ad-area > h2 {
        margin-bottom: 24px;
    }

    .submit-area-box {
        padding: 20px 16px;
    }

    .submit-area-box .text-lg {
        font-size: 16px;
        line-height: 24px;
    }

    .checkbox__div2 {
        margin-left: 0;
    }

    .line__height__item {
        line-height: 1 !important;
    }

    .small__des__text {
        font-size: 12px;
    }

    .sm-pdng {
        padding-left: 12px;
        padding-right: 12px;
    }

    .sm-pdng::after {
        right: 8px;
    }

    .money__sign {
        bottom: 14px;
    }



    /* payout-modal */

    .balance__transfer__div {
        padding: 12px 0;
    }

    .balance__title__text {
        padding: 16px 0 36px;
    }



    /* event-calender */

    .view-buttons {
        width: 100%;
        margin: 24px 0;
    }

    .view-buttons button {
        width: 100%;
    }

    .calendar__title {
        flex-direction: row-reverse;
        padding: 12px 0;
    }

    .day-cell {
        min-height: 137px;
    }

    .calendar__title h4 {
        font-size: 16px;
        font-weight: 500;
    }



    /* privacy-policy */

    .privacy-policy-area .sidebar {
        position: absolute;
        left: -100%;
    }

    .privacy-policy-area .sidebar {
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100vh;
        background-color: #fff;
        border-right: 1px solid #ddd;
        transition: left 0.3s ease-in-out;
        z-index: 1050;
        padding: 20px 20px;
        overflow-y: auto;
        box-shadow: -1px 3px 10px -2px #0A0D1230;
    }
      
    .privacy-policy-area .sidebar.active {
        left: 0; 
    }




    /* 
    ==================================
    News-Page Start Here
    ==================================
    */

    .news-article-area,
    .post-single-page {
        padding: 25px 0;
    }

    .news__article {
        padding: 20px;
    }



    /* 
    ==================================
    post-single-page Start Here
    ==================================
    */

    .related-post-area {
        padding-top: 25px;
    }

    .post-title {
        padding-bottom: 30px;
    }



    
}




@media screen and (min-width: 576px) and (max-width: 767px) {
    
    #headerMenuOffcanvas {
        width: 400px;
    }


    .carousel-container {
        padding-left: calc(( 100% - 500px ) / 2);
    }

    .event {
        width: 50px;
    }
    
}


@media screen and (max-width: 575px) {

    .event {
        width: 25px;
    }

}