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

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

@media screen and (max-width: 645px) {
    .detailBg {
        background-color: unset;
    }

    .rightBg {
        background-color: #fff;
    }

    .previewRightSection {
        padding-bottom: 20px;
    }

    .previewBg {
        background-color: unset;
        border-radius: 0px;
        padding-top: 10px;
    }

    .logo img {
        height: 70px;
    }

    .previewLeftHeader .subTitle {
        margin-bottom: 0px;
    }

    .previewLeftHeader .image {
        height: 30px;
    }

    .previewLeftHeader .name {
        font-size: 18px;
    }

    .previewoBttomPanel .previewoBttomPanelControlls .itemsComment {
        font-weight: 100;
        font-size: 12px;
        letter-spacing: 1px;
        height: 30px;
    }

    .previewoBttomPanel .previewoBttomPanelControlls .itemsImages {
        margin-left: 5px;
        height: 30px;
    }

    .previewoBttomPanel .previewoBttomPanelControlls .itemsFullSize {
        margin-left: 5px;
        height: 30px;
        width: 30px;
        background-size: 50%;
    }


    .previewoBttomPanel .previewoBttomPanelControlls .itemsImages .image {
        height: 26px;
        width: 26px;
        border-radius: 36px;
        margin-right: -15px;
        margin-left: -5px;
    }

    .priceBookingModule .price .imageSecond {
        height: 20px;
        margin: 0px 5px 0px 5px;
    }

    .priceBookingModule .price .imageFirst {
        height: 20px;
        margin-top: 10px;
        margin-right: 7px;
    }

    .previewLeftHeader {
        display: none;
    }

    .previewRightHead {
        /*display: none;*/
    }

    .previewRightTabsContent {
        /*background-color: rgba(153, 127, 99, 0.51);*/
        /*height: 400px;*/
        /*margin: 0px -12px;*/
    }

    .onlineManagerChatButtonName {
        display: none !important;
    }

    .onlineManager .onlineManagerForm .onlineManagerChat .onlineManagerChatButton button {
        width: 45px;
    }

    .onlineManager .onlineManagerForm .onlineManagerChat .onlineManagerChatButton button img {
        margin-left: -5px;
    }

    .previewRightHead {
        padding: 10px 0px;
    }

    .previewRightHead .previewRightHeadTitle .subTitle .image {
        margin-bottom: 2px;
        height: 15px;
    }

    .previewRightHead .previewRightHeadTitle .subTitle h3 {
        margin: 0px;
        font-size: 18px;
    }
}

.detail-preview-descriprion {
    order: 1;
}

.detail-preview-image {
    order: 2;
}

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

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

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

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

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

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


    .detail-preview-descriprion {
        order: 2;

    }

    .detail-preview-image {
        order: 1;
        padding: 0;
    }

    .imageViewModule .imageView {
        border-radius: 0px  0px 20px 20px;

        height: 300px;
        width: 100%;

        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);

    }
}

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

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