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

    .menu-item {
        min-width: 130px;
    }

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


    .menu-item {
        min-width: 120px;
    }

    /* #HP .row.first {
        margin-top: 20px;
    }

    #HP .row.second {
        margin-top: 0px;
        padding-top:150px;
    }*/
}

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

    .menu-item {
        min-width: 115px;
    }
}

@media screen and (max-width: 1200px) {
    #home-page .logo-holder {
        margin-top: 250px;
    }

    .TheVision .BackgroundRightImageContainer {
        /*height: 70%;*/
    }
}

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


    /*#HP .homepage-content-bg,
    #HP .homepage-content-bg .col-12,
    #HP .homepage-content-bg .col-12 > .row {
        height: auto !important;
    }
    #index .imgLogo {
        width: 100%;
        max-width: 200px !important;
    }

    #index .topIcons {
        width: 100%;
        max-width: 70px
    }

    #HP .row.first .col-md-12 {
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-items: center;
        padding-right: 15px;
    }

    #HP .menu-wrapper {
        padding-top: 100px;
    }

    #HP .rows-holder {
        display: flex;
        flex-direction: column-reverse;
    }

    #HP .row.first {
        margin-bottom: 100px;
        position: relative;
        right:0;
    }

    #HP .row.second {
      padding-top: 150px;
    }*/


    .close-menu {
        display: block;
    }

    #Footer .menuArrow {
        /*display: block;*/
    }

    .under-content-footer .menuArrow {
        display: flex;
    }

    #Footer .footer-wrapper{
        flex-direction:column !important;
    }
    #Footer .footer-wrapper > div{
        margin-bottom:10px;
    }

        #header {
        margin-top: 15px;
        height: 100px;
    }

        #header .header-wrapper {
            flex-direction: row;
            padding-left: 0;
            padding-right: 0;
        }

        #header #Burger {
            display: block;
        }

        .home-door,
        #header .lang-switcher
        /*#header .cart-icon*/ {
            display: none;
        }

        #header a:hover {
            max-width: fit-content;
        }

        #header .cart-icon {
            margin-left: 0px;
            margin-right: 0px;
        }

    .lang-switcher {
        margin-bottom: 10px;
    }

    .inner-logo-holder {
        display: block;
    }

    .lang-ar #header .header-wrapper {
        flex-direction: row-reverse;
    }

    .DynamicWidth.col94 > .row {
        height: auto;
    }

    #subpage .content {
        margin-left: 0;
    }

    #subpage .inside-pages-content {
        /*padding-left: 7px;*/
        /*background-image: url("../images/Shadow-Middle-Responsive.png");*/
    }

        #subpage .inside-pages-content .inner {
            width: 100%;
            overflow-y: hidden;
            height: auto;
            position: relative;
            padding-bottom: 30px;
            padding: 50px 30px;
        }

        #subpage .inside-pages-content .imageHolder {
            position: relative;
            height: auto;
            padding: 50px 30px;
        }

            #subpage .inside-pages-content .imageHolder img {
                opacity: 1;
            }

    #subpage .left-menu-wrapper {
        background-color: white;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0px;
        z-index: 1000;
        transition: all 0.5s ease-in-out;
        background-image: url('../images/bg-wall.jpg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-attachment: fixed;
    }

        #subpage .left-menu-wrapper:not(.active) {
            /*display: none;*/
            transform: translateX(-100%);
            transition: all 0.5s ease-in-out;
        }

        #subpage .left-menu-wrapper.active {
            display: block;
            transform: translateX(0%);
            overflow-y:auto;
            overflow-x:hidden;
            /* height: 94vh; */
            /* display: flex; */
            /* flex-direction: column; */
            /* text-align: center; */
        }
            #subpage .left-menu-wrapper.active::-webkit-scrollbar {
                width:0px;
            }

            #subpage .left-menu-wrapper .menu {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }

            #subpage .left-menu-wrapper .menu > .row:first-child {
                display: none;
            }

        #subpage .left-menu-wrapper > .row {
            margin-top:30px;
          /*  height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;*/
        }

        #subpage .left-menu-wrapper .additional-links {
            display: block;
            margin-top: 40px;
        }

        #subpage .left-menu-wrapper .menu img {
            width: 200px;
        }

    #subpage .menu > div:first-child {
        margin-top: 0px;
    }

    .DynamicWidth.col94 .col-md-12.main > .wrapper .DynamicWidth.col88 {
        width: 100%;
    }




    .col-w-lg-9 {
        width: 9%;
    }

    .col-w-lg-68 {
        width: 68%;
    }

    .aboutUsContentImageBackground .lvl-0 {
        width: 100%;
    }
    .aboutUsContentImageBackground .lvl-1 img{
        height:auto;
    }

    #BookDetail {
        overflow-y: unset;
        height: auto;
        position: relative;
        padding: 50px 30px;
    }

    #herStory .inner {
        width: 100%;
    }

    #herStory .BackgroundRightImageContainer {
        align-self: start;
        text-align: center;
        height: auto;
    }

        #herStory .BackgroundRightImageContainer img {
            max-width: 100%;
            opacity: 0.6;
        }

    #hisStory .inner {
        width: 100%;
    }

    #hisStory .BackgroundRightImageContainer {
        align-self: start;
        text-align: center;
    }

        #hisStory .BackgroundRightImageContainer img {
            max-width: 100%;
            opacity: 0.6;
        }

    #hisStory .content-text {
        margin-top: 0;
    }

    .Itr-at .inner {
        width: 100%;
    }

    .Itr-at .content-image {
        text-indent: 0;
    }

    .Itr-at .BackgroundRightImageContainer {
        align-self: start;
        text-align: center;
        height: auto;
    }

        .Itr-at .BackgroundRightImageContainer img {
            max-width: 100%;
            opacity: 0.6;
        }

    #Gallery .inner {
        width: 100%;
    }

    #Gallery .BackgroundRightImageContainer {
        align-self: start;
        text-align: center;
        height: auto;
    }

        #Gallery .BackgroundRightImageContainer img {
            max-width: 100%;
            opacity: 0.6;
        }

    .Events .inner {
        width: 100%;
    }

    .Events .BackgroundRightImageContainer {
        align-self: start;
        text-align: center;
        height: auto;
    }

        .Events .BackgroundRightImageContainer img {
            max-width: 100%;
            opacity: 0.6;
        }

    .TheVision .BackgroundRightImageContainer {
        text-align: center;
    }

    .DynamicWidth.col2 {
        display: none;
    }

    .TheBooks .Item {
        padding: 20px;
    }

    #BookDetail .text-info {
        padding-left: 10px;
    }

    #privacy-policy .inner {
        width: 100%;
    }

    #terms-and-conditions .inner {
        width: 100%;
    }

    #Footer {
        height: 150px;
    }

        #Footer .inner {
            padding: 20px;
        }

        #Footer .arrows-holder {
            display: none;
        }

        #Footer .inner > div {
        }

            #Footer .inner > div > .row > .col88 {
                width: 100%;
                height: auto;
                padding-left: 0;
            }

                #Footer .inner > div > .row > .col88 > .row {
                    /*height: 100%;*/
                }

    .shadow-bottom {
        display: none;
    }



    #Footer .links-holder {
        height: auto;
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

        #Footer .links-holder span {
            margin-right: 0;
        }

            #Footer .links-holder span a {
                margin: 0 10px;
            }

            /* #Footer .links-holder span:nth-child(2)::after,
            #Footer .links-holder span:nth-child(3)::after {
                content: '-';
            }*/

            #Footer .links-holder span:first-child {
                order: 3;
                flex-basis: 100%;
                text-align: center;
            }

    #Footer .vintob-holder {
        height: auto;
        text-align: center;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .art-item{
        margin-bottom:30px;
    }
}
    @media screen and (max-width: 900px) {
        #home-page .logo-holder {
            margin-top: 200px;
        }

        .headings-holder {
            flex-direction: column;
            align-items: center !important;
            justify-content: center !important;
        }

        .art-headings {
            margin-bottom: 10px;
        }

            .art-headings * {
                width: 300px !important;
            }

        .art-item {
            width: 50%;
        }

        .art-top-menu {
            flex-direction: column;
        }

        .art-photographer-holder {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-bottom: 30px;
        }

        .art-photographer {
            text-align: center;
        }
    }

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

        #home-page .top-menu-container {
            position: relative;
            right: 0;
            top: 0;
            margin-top: 30px;
        }

        #contact-us .address-info {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        #home-page #home-menu {
            position: relative;
            bottom: unset;
        }

        .AboutUs .inner {
            height: 70%;
        }


        .TheVision .inner {
            width: 100%;
        }

        .TheVision .BackgroundRightImageContainer {
            height: 40%;
        }

        .menu-item {
            min-width: 140px;
        }
        .arts-intro-image{
            display:flex;
            flex-direction:column;
        }
        .arts-intro{
            padding-inline:20px;
        }
            .arts-intro p {
                font-size: 25px;
            }
    }


    @media screen and (max-width: 600px) {
        #home-page .logo-holder {
            max-width: 200px;
        }

        .art-item {
            width: 100%;
        }
        #subpage{
            overflow-x:hidden;
        }
        /*
    .AboutUs .inner,
    #herStory .inner,
    #hisStory .inner,
    .TheBooks .inner,
    #BookDetail,
    .Itr-at .inner,
    #Gallery .inner {
        padding: 50px 30px;
    }*/


    }

    @media screen and (max-width: 480px) {
        .homepage-content-bg {
            background-size: cover;
            background-image: url('../images/home-content-bg-xs.jpg');
        }

        .shoppingCartNotification #divNotificationMessageContainer {
            width: 100vw;
            padding: 50px 20px;
        }

        .shoppingCartNotification #divNotificationMessageClose {
            width: 90vw;
        }

        #home-page .logo-holder {
            margin-top: 150px;
        }
        #order-content-holder  {
            overflow-x:scroll;
        }
        .art-shop-container select {
            width: 100%;
            white-space: normal;
            height:80px;
        }
    }

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

        .art-headings * {
            width: 200px !important;
            font-size: 13px;
        }
    }




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

        #arts-page #header ,
        #arts-detail-page #header {
            margin-bottom:35px;
            margin-top:40px;
        }
        .BackgroundRightImage {
            /*max-width: 40%;*/
            max-width: 100%;
        }
    }

    @media only screen and (min-width :1101px) {
        .BackgroundRightImage {
            height: 100%;
        }

        .BackgroundRightImageContainer {
            height: 100%;
        }
    }

    @media only screen and (min-width:768px),(max-height:800px) {
        #home-page .logo-holder {
            /*margin-top:100px;*/
        }
    }

    @media only screen and (min-width :2550px ) {
        #home-page .logo-holder {
            margin-top: 20%;
        }
    }

    @media only screen and (min-width :1650px ) {
        #home-page .logo-holder {
            margin-top: 25%;
        }
    }