@media only screen and (max-width: 1450px){
    .jj{
        display: flex;
        width: fit-content;
    }
    .ll {
        display: flex;
        overflow-x: auto;
    }
    .editTourSectionFilterItem {
        min-width: fit-content;
    }
    .editTourSectionFilterItem-green {
        min-width: fit-content;
    }
    .editTourSectionFilterItem-dark {
        min-width: fit-content;
    }
}
@media only screen and (max-width: 1300px){
    .telephoneNumber{
        display: none;
    }
}

.navbar-nav.navbar-center {
    position: absolute;
    left: 45%;
    transform: translatex(-45%);
}

.navbar .navbar-brand {
    padding-top: 5px;
    padding-left:150px;
}
@media only screen and (max-width: 1200px){
    .itemVimeoImage{
        height: 166px;
    }
    .vimeoImgPart{
        height: 166px;
    }
    .workPageItem{
        height: 100%;
    }
    .tourInsideItem .carousel-caption{
        left: 20%;
        right: 20%;
    }
    .editTourSectionFilter{
        top: 62px;
    }
    .editTourSectionFilterItem{
        padding: 17px 9px;
    }
    .editTourSectionFilterItem-green{
        padding: 17px 9px;
    }
    .editTourSectionFilterItem-dark{
        padding: 17px 9px;
    }
    .imageTourVideo{
        justify-content: start !important;
    }
    .homePageSliderVideoIframe:nth-child(2n){
        margin:0!important
    }
    .homePageSliderVideoIframe{
        margin:0 !important;
    }
    #still_photographyHeader, #pricingHeader{
        margin-top: -50px;
    }
    .tour_btn{
        padding: 2px 25px;
    }
    .matterPort_sub_title{font-size: 20px;}
    .matterPort_title{font-size: 20px;margin-bottom: 0px;}
    .work_items_container{
        width: 750px;
        margin: auto;
    }
    #propertyMedia0, #propertyMedia1, .tourInsideItem, .videoInform{
        height: 253px;
        margin-bottom: 25px !important;
    }
}
@media only screen and (max-width: 1180px){
    .fixedPricingPart{
        top: 62px;
    }
    #navbarNavDropdown > ul > li > a{
        font-size: 14px;
    }

    #navbarNavDropdown > ul > li:after{
        content: '';
        position: absolute;
        width: 0;
        height: 3px;
        background: #eeca00;
        transition: width .3s;
        top: 43px;
    }
    .selectedPageItem:after{
        position: absolute;
        width: 100% !important;
        height: 3px;
        background: #eeca00;
        top: 42px;
    }
    .mainNav #navbarNavDropdown > ul > li > a{
    }
}
@media only screen and (max-width: 1100px){
    .fixedPricingPart{
        top: 59px;
    }
    .editTourSectionFilter{
        top: 59px;
    }
    #still_photographyHeader, #pricingHeader{
        margin-top: -53px;
    }
    #navbarNavDropdown > ul > li > a{
        font-size: 12px !important;
    }

    #navbarNavDropdown > ul > li:after{
        content: '';
        position: absolute;
        width: 0;
        height: 3px;
        background: #eeca00;
        transition: width .3s;
        top: 42px;
    }
    .selectedPageItem:after{
        position: absolute;
        width: 100% !important;
        height: 3px;
        background: #eeca00;
        top: 46px;
    }
}
@media only screen and (max-width: 991px){
    .home_media_item:hover  img{
        transform: scale(1);
    }
    .service_details_buttons:hover{
        background-color: black;
        color: white;
    }
    .homePageHeaderButtons:hover{
        background-color: white;
        color: black;
    }
    .pricePageButton:hover{
        background-color: white;
        color: black;
    }
    .tour_details_nav{
        overflow-x: unset !important;
    }
    .tour_details_nav > div{
        width: 100% !important;
    }
    .fullscreen_modal .close span{
        margin-left: 0px !important;
    }
    .saveChangesTourProfile:hover{
        background: #000000 !important;
        color: white !important;
        transition: none;
    }
    #property-higlights{
        margin-top: 48px;
    }
    #neighborhood .propertyDetailsMapRow{
        padding-top: 60px;
    }
    #open-house{
        padding-top: 60px;
        position: relative;
        z-index: 900;
    }
    .property_details_container{
        padding-left: 25px !important;
    }
    .mapouter{
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
    }
    .fullscreen_modal .service_media_container iframe{
        margin: auto;
        min-width: 100vw;
        min-height: 100vh;
        position: static;
    }
    .slider_count_container{
        padding-right: 9px;
    }
    .fullscreen_modal .carousel{
        height: fit-content;
    }
    .fullscreen_modal .carousel-item img{
        height: auto;
        width: 100% !important;
        box-shadow: 0px 0px 11px 2px grey;
        object-fit: unset;
        max-height: unset;
    }
    .fullscreen_modal .carousel-inner{
        overflow: unset;
        height: fit-content;
    }
    .galleryImage{
        height: 0;
        padding-top: 68.75%;
    }
    .video_buuton_details_thumbnail_section{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    .video_section_thumbnail{height: 0;padding-top: calc(68.75%);}
    .propertyDetailsMainImage{
        position: absolute;
        height: 0;
        width: 100%;
        padding-top: calc(93.75%);
        overflow: hidden;
        top: 0;
        left: 0;
    }
    .checkboxes > div{
        height: fit-content !important;
    }
    .homePageSliderLeftRightIcon i{
        font-size: 12px;
    }
    .slider_button{
        padding: 1px;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .homePageCarouselControl:hover .homePageSliderLeftRightIcon i{
        color: #ffffff !important;
    }
    .homePageCarouselControl:hover .slider_button{
        background-color: transparent !important;
        border: 2px solid #92909091 !important;
    }
    .homePageCarouselControl:hover .slider_button {
        border: none;
        background-color: white;
    }

    .fullscreen_modal .carousel-item{
        height: unset;
        padding: 9px !important;
    }
    .fullscreen_modal .carousel-control-next{
        right: -4%;
    }
    .fullscreen_modal .carousel-control-prev{
        left: -4%;
    }
    .fullscreen_modal .modal-body{
        padding: 0;
        display: flex;
    }
    .fullscreen_modal .modal-dialog {
        width: 100%;
    }
    .map_mobile_container{
        height: 420px !important;
    }
    #tour-details .propertyDetailsMapRow{
        min-height: unset !important;
    }
    .details_mobile_nav{
        border-bottom: none !important;
    }
    .fullscreen_modal .carousel-control-next-icon{
        left: unset;
    }
    .fullscreen_modal .carousel-control-prev-icon{
        right: unset;
        border-left: 15px solid transparent;
        border-right: 22px solid #3F3F3F;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }
    .fullscreen_modal .carousel-control-prev-icon:before{
        position: absolute;
        content: '';
        width: 0px;
        height: 0px;
        border-left: 9px solid transparent;
        border-right: 14px solid #e9ecef;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        left: -4px;
        top: -9px;
    }
    .fullscreen_modal .carousel-control-next-icon{
        border-left: 22px solid #3F3F3F;
        border-right: 15px solid transparent;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }
    .fullscreen_modal .carousel-control-next-icon:before{
        border-left: 14px solid #e9ecef;
        border-right: 14px solid transparent;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        left: -19px;
        top: -9px;
    }
    .payment .text{
        font-size: 15px;
    }
    .fullscreen_modal .close{
        position: fixed;
        padding: 0 !important;
        left: 0;
        width: 100%;
    }
    .fullscreen_modal .modal-content{
        height: 55%;
    }
    .service_details_main_title{
        font-family: Regular !important;
        font-size: 20px !important;
    }
    .mainNav .header_phone_number{
        display: block;
    }
    @media (max-width: 1100px) {
        .mainNav .header_phone_number{
            display: none;
        }
    }
    .homeHeaderSecion .headerTitle{
        font-size: 20px;
    }
    .dark .mainNav{
        background-color: white !important;
    }
    .openHouseDate{
        font-size: 15px;
    }
    .vimeo_iframe_container{
        height: 0;
        padding-top: calc(68.75% + 50px);
    }
    .itemVimeoImage{
        height: 126px;
        max-height: unset !important;
    }
    .vimeoImgPart{
        height: 126px;
        max-height: unset !important;
    }
    .workPageItem{
        height: 460px;
    }
    .homeTourItem{
        padding: 0 !important;
    }
    .homeTourItem:nth-child(2n){
        padding: 0 !important;
    }
    .sliderControl{
        top: 0;
    }
    .homePageSliderItemOpacity{
        height: 100%;
        width: 100%;
    }
    #navbarNavDropdown > ul > li > a{
        font-size: 14px !important;
    }
    .tourDropDown:hover{
        background-color: unset;
    }
    .activeDropDown{
        right: -5px;
    }
    .googleBtn{
        padding: 10px 30px;
    }
    .itemImg,.matterPortVideo,.itemVimeo{
        max-height: 340px;
    }
    .activeDropDown {
        top: 90px;
    }
    .pageMainSection{
        margin-bottom: 140px;
    }
    .navbar-brand{
        margin-right: 4rem;
    }
    .fixedPricingPart{
        top: 57px;
    }
    .userProfileImage{
        max-height: 100%;
    }
    #selectedPriceContainer{
        padding-left: 15px;
    }
    .editTourSectionFilter{
        top: 57px;
    }
    .editTourSectionFilterItem{
        min-width: fit-content;
    }
    .editTourSectionFilterItem-green{
        min-width: fit-content;
    }
    .editTourSectionFilterItem-dark{
        min-width: fit-content;
    }
    .ll{
        display: flex;
        overflow-x: auto;
    }
    .editTourSectionFilter{
        padding: 1px 0 0;
    }
    .mainPageContent1{
        margin-top: 90px;
        top: 0;
        height: auto;
    }
    #mainPageVideoRow{
        margin-top: 0;
        padding-top:180px;
    }
    #still_photographyHeader, #pricingHeader{
        margin-top: -55px;
    }
    .imageTourVideo{
        justify-content: center !important;
    }
    .homePageSliderVideoIframe:nth-child(2n){
        margin:0 0 30px  !important
    }
    .homePageSliderVideoIframe{
        margin: 0 0 30px !important;
    }
    .mapCircle{
        margin-right: 6px;
    }
    #propertyMedia0, #propertyMedia1, .tourInsideItem, .videoInform{
        margin: 0 0 30px;
        height: 382px;
    }
    .imageTourVideo{
        margin: 0 5px;
    }
    .mapDes{
        font-size: 10px;
    }
    .footerText{
        font-size: 11px;
    }
    .mapPic{
        height: 850px;
    }
    .mainPageVideoRow{
        padding-bottom: 50px;
    }
    #myCarousel .carousel-control-prev{
        left: 12px;
    }
    #myCarousel .carousel-control-next{
        right: 12px;
    }
    .menuLogoContainer{
        width: 100%;
    }
    #mobileBorder{
        height: 0.4px;
        width: 100%;
        position: absolute;
        top: 60px;
        left: 0;
        background-color: rgb(218, 218, 218);
        z-index: 1031;
    }
    .telephoneNumber{
        display: block;
    }
    #navbarNavDropdown > ul > li > a{
        font-size: 16px;
    }
    #navbarNavDropdown > ul > li:after{
        content: '';
        position: absolute;
        width: 0;
        height: 0px;
        background: #eeca00;
        transition: width .3s;
        top: 42px;
    }
    .selectedPageItem:after{
        position: absolute;
        width: 100% !important;
        height: 3px;
        background: #eeca00;
        top: 42px;
    }

    .videoPrice{
        font-size: 15px;
    }
    .form-group input.form-control{
        width: 100%;
    }
    .listTourTitle, .filter_name{
        font-size: 15px;
    }
    .tour_btn{
        padding: 4px 25px;
    }
    .informSection{
        bottom: 0;
        width: 100%;
    }
    .propertyDetailsMainImageSection{
        position: relative;
        height: 0;
        width: 100%;
        padding-top: calc(93.75% + 50px);
        overflow: hidden;
    }
    .videoTitle{
        font-size: 16px;
    }
    .tourInsideItemInform{
        padding: 0 !important;
    }
    .tourInsideItem .carousel-caption{
        left: 25%;
        right: 25%;
    }
    .signInUp a{
        font-family: SansSemiBold !important;
    }
    .servicesCategory{
        padding: 8px 0 0 0;
    }
    .tour_list_image_container{
        height: unset;
    }
    .floorImg{
        width: unset;
    }
    .edit-tour-image-container{
        overflow: unset;
    }
    .imageSmall{
        height: auto;
    }
    .tourContainer{
        left: 25px;
        width: calc(100% - 25px);
    }
    .roomsSliderItem{
        width: 120px;
    }
    #controls{
        padding: 0;
        bottom: 0;
    }
    .d3_row{
        flex-direction: column-reverse;
    }
    .work_items_container{
        width: 441px;
        margin: auto;
        justify-content: center;
    }
    .our_works_items{
        width: 100%;
        height: fit-content;
    }
    .main_navigation_dropdown{
        border-top: 0px !important;
    }
    .selectedPageItem > a{
        color: unset !important;
    }
    #navbarNavDropdown .selected_nav {
        color: #eeca00 !important;
    }
    #navbarNavDropdown .selected_nav:after{
        border-top: .3em solid #eeca00 !important;
    }
    #navbarNavDropdown{
        min-height: unset;
        height: calc(100vh - 67px);
        max-height: unset;
        overflow: scroll;
    }
    .green .navbar{
        padding: 10px 16px !important;
    }
    .classic .navbar{
        padding: 10px 16px !important;
    }
    .white .navbar{
        padding: 10px 16px !important;
    }
    .white .navbar_padding {
        padding: 10px 0 !important;
    }
    .dark .navbar{
        padding: 10px 16px !important;
    }
    .dark .mainNav{
        background-color: #ffffff;
        border-bottom: none !important;
    }
    .dark .mainNav .editTourSectionFilterItem-dark{
        color: #000000 !important;
    }
    .green .floorPlan .nav-tabs .nav-link.active{
        border-color: #dee2e6 #dee2e6 #dee2e6 #64bc5b !important;
        border-left-width: 2px !important;
    }
    .classic .floorPlan .nav-tabs .nav-link.active{
        border-color: #dee2e6 #dee2e6 #dee2e6 #eeca00 !important;
        border-left-width: 2px !important;
    }
    .white .floorPlan .nav-tabs .nav-link.active{
        border-color: #dee2e6 #dee2e6 #dee2e6 #eeca00 !important;
        border-left-width: 2px !important;
    }
    .dark .floorPlan .nav-tabs .nav-link.active{
        border-color: #dee2e6 #dee2e6 #dee2e6 #eeca00 !important;
        border-left-width: 2px !important;
    }
    .floorPlan .nav-tabs .nav-link{
        border-top:unset !important;
        border-left: unset !important;
        border-right: unset !important;
        border: 1px solid #dee2e6 !important;
    }
    .pricing_fixed_button {
        left: 0;
        right: 0;
        margin: auto;
        bottom: 20px;
        display: flex;
    }
    .roome_section_container{
        width: 100vw;
        height: fit-content;
        overflow-x: auto;
        display: flex;
    }
    .room_scrolling_side{
        width: fit-content !important;
        display: flex;
        flex-wrap: nowrap;
    }
    .room_item{
        margin-left: 15px;
    }
    .tourContainer-mobile{
        left: 0px !important;
    }
}
@media only screen and (max-width: 768px) {
    .homePageSliderVideoIframe .mainpageVideosCont2Item {
        height: 100%;
    }
    .homePageSliderVideoIframe .mainpageVideosCont2Item .embed-responsive{
        height: 100%;
    }
    .videoInform .mainpageVideosCont2Item{
        height: 100%;
    }
    .videoInform .mainpageVideosCont2Item > div{
        height: 100%;
    }
    .itemVimeoImg{
        position: relative;
        top: -1px;
    }
    .itemVimeoImage{
        height: unset;
        max-height: unset !important;
    }
    .vimeoImgPart{
        height:unset;
        max-height: unset !important;
    }
    .workPageItem{
        height: 400px;
    }
    .homePageHeaderButtons {
        margin: 0 0 15px !important;
    }
    .pageContainer{
        min-height:698px;
    }
    .pageMainSection{
        margin-bottom:185px;
    }
    .priceSelector{
        background-size:calc(100% - 80px) 100%
    }
    .priceOptions{
        width: 76px;
    }
    .serviceItem{
        width: calc(100% / 2 - 16px);
        margin-left: 8px;
        margin-right: 8px;
    }
    .serviceItem:nth-child(5n + 1){
        margin-left: 8px;
    }
    .serviceItem:nth-child(2n + 1){
        margin-left: 8px;
    }
    .tourInsideItemInform{
        bottom: 0 !important;
    }
    .navContainer{
        background-color: white;
    }
    #navbarNavDropdown > ul > li > a {
        color: black;
    }
    #selectedPriceContainer{
        margin-bottom: 15px;
    }
    #selectedPriceContainer{
        padding-left: 42px;
    }
    .priceOptionsPrice{
        width: unset;
        line-height: 12px;
        margin-top: 5px;
    }
    .headerButtonsContainer{
        flex-direction: column;
    }
    .checkLabel {
        display: block;
        position: relative;
        padding-left: 22px;
        cursor: pointer;
        font-size: 11px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #6f6f6f;
        margin: 0;
        margin-bottom: 4px !important;
    }
    .workItemTitle{
        font-size: 10px;
    }
    .client-image-container{
        height: auto;
        overflow: unset;
    }
    #propertyMedia0, #propertyMedia1, .tourInsideItem, .videoInform{
        height: 200px;
    }
}
@media only screen and (max-width: 600px){
    .homeHeaderSecion .headerTitle{
        line-height: 48px;
        margin-top: 80px;
    }
    .userTourList{
        margin: 0px;
    }
    .profileImage{
        margin: 0 15px;
    }
}
@media only screen and (max-width: 575px){
    .tourItem:after{
        width: 95%;
    }
}
@media only screen and (max-width: 430px){
    .workPageItem{
        height: 230px;
    }
    #selectedPriceContainer{
        padding-left: 22px;
    }
    .priceOptions{
        width: 36px;
    }
    .fixedPricingPart{
        position: fixed;
        left: 0;
        right: 0;
        top: 57px;
        z-index: 66;
        background-color: white;
        border-bottom:1px solid rgb(191, 191, 191);
    }
}
@media only screen and (max-width: 340px){
    .changePassword{
        margin-bottom:0px !important;
    }
}
@media only screen and (max-width: 320px) {
    .pageButtons{
        width: 119px;
    }
    .imageTourVideo{
        padding: 0px 5px;
        margin-right: -15px;
        margin-left: -15px;
    }
}
@media only screen and (max-width: 470px){
    .work_items_container{
        width: 100%;
    }
}
@media only screen and (max-width: 400px){
    .user_content_small_size{text-align: center;margin-top: 15px;}
    .user_content_container_small{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}
@media only screen and (max-width: 1637px){
    .ll {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .jj {
        display: flex;
        width: fit-content;
        white-space: nowrap;
    }
}
@media only screen and (min-width: 1100px){
    .uploadImageModal{
        padding: 66px !important;
    }
}