@media (max-width: 1550px){
    .right-side-part{
        width: 41.66666667% !important;
    }
    .left-side-part{
        width: 58.33333333%;
    }
    .icon-wrap img{
        height: 41px;
    }
    .price-section p{
        font-size: 17px;
    }
    .price-section h2 {
        font-size: 25px;
    }
    .uppercontent h1 {
        font-size: 56px;
        padding-left: 9rem;
    }
    .subhedding {
        font-size: 24px;
    }
    .abitlower p {
        font-size: 23px;
    }
    .bottom-heading-middle {
        font-size: 27.5px;
    }
    .upper-heading-middle, .bottom-heading-middle{
        font-size: 20px;
    }
    .icon-wrap p {
        font-size: 12px;
    }
    .middle-white-sec{
        padding: 10px 3rem !important;
    }
    .vi-de-sec-note {
        bottom: 21vh;
    }
}

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

}

@media (max-width: 920px) {

}

/* Mobile Responsive Design */
@media (max-width: 767px) {
    body{
        /*background-image: url("../images/mobile-bg.png");*/
        background-color: transparent !important;
    }
    .right-side-part{
        background-image: url("../images/mobile-bg-section.png");
        background-size: contain;
    }
    .video-bg, .video-bg iframe, .video-bg video{
        height: 402px;
    }
    .video-bg iframe, .video-bg video{
        min-width: 100%;
        min-height: 412px;
        width: auto;
    }
    .video-bg{
        background-image: url("../images/donna-video-mobile.jpg");
    }
    .main-logo {
        max-width: 70px;
        width: 70px;
    }
    #mobile-map{
        display: block;
    }
    #desktop-map{
        display: none;
    }
    .galler-wrapper, .map-wrapper, .slick-slide img {
        min-height: 425px;
        min-width: 95% !important;
    }
    #mobile-map .item img{
        width: 100%;
    }
    #gallery-popup, #map-popup{
        padding-top: 17%;
        z-index: 9999999999;
    }
    #map-popup .poup-close{
        right: 5px;
    }
    .right-side-part, .left-side-part {
        width: 100% !important;
    }
    .main-direction-mobile{
        flex-direction: column-reverse;
    }
    .left-side-part{
        min-height: 400px;
        padding: 0 15px !important;
    }
    .padding-right {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .uppercontent h1 {
        font-size: 46px;
        padding-left: 10px;
        text-align: center;
        padding-right: 10px;
        line-height: 50px;
        margin-top: 22px;
    }
    .middle-white-sec {
        padding: 10px 2rem !important;
        border-radius: 20px;
        width: 95%;
        margin: 0 auto;
    }
    .subhedding {
        font-size: 19px;
        text-align: center;
    }
    .abitlower p {
        font-size: 18px;
        text-align: center;
        line-height: 26px;
    }
    .upper-heading-middle{
        font-size: 17px;
    }
    .bottom-heading-middle{
        font-size: 23px;
    }
    .icon-wrap p {
        font-size: 14px;
    }
    .icons-wrapp{
        gap: 1.5rem !important;
    }
    .site-btn-d p {
        font-size: 16px;
        font-weight: 700;
    }
    .site-btn-d{
        padding: 4px 0;
    }
    .form-section h2{
        font-size: 25px;
        margin-top: 12px;
    }
    .form-wrap input{
        font-size: 18px;
        padding:10px;
    }
    .form-section{
        border-top-right-radius: 2rem;
        margin-bottom: 3rem;
    }
    .inne-vidoe-note:before{
        display: none;
    }
    .vi-de-sec-note {
        bottom: -16px;
        right: 20px !important;
    }
    .left-side-part .vi-de-sec-note{
        right: 20px !important;
    }
    .inne-vidoe-note p{
        margin-right: 0px;
    }
    .submit-filed-wrap{
        width: 40% !important;
    }
    .checkbox-wrap{
        width: 60% !important;
    }
    .form-wrap{
        flex-wrap: wrap;
    }
    .form-wrap .col-md-6:nth-child(1) { order: 1; }
    .form-wrap .col-md-6:nth-child(2) { order: 2; }
    .form-wrap .col-md-6:nth-child(3) { order: 3; }
    .form-wrap .col-md-6:nth-child(4) { order: 5; }
    .form-wrap .col-md-6:nth-child(5) { order: 4; }
    .form-wrap .col-md-6:nth-child(6) { order: 6; margin-top: 10px;}
    .form-wrap .col-md-12:nth-child(7) { order: 7;}
    .checkbox-wrap label::before{
        width: 24px;
        height: 26px;
    }
    .checkbox-wrap label{
        padding-right: 35px;
        font-size: 12px;
        padding-left: 10px;
    }
    input[type="checkbox"]:checked + .custom-label::after{
        font-size: 19px;
    }
    .form-wrap input[type='submit']{
        font-size: 24px;
        font-weight: 700;
        padding-left: 30px;
    }
    .submit-filed-wrap{
        position: relative;
    }
    .submit-filed-wrap:after{
        content: '';
        background-image: url("../images/submi-arrow.png");
        display: block;
        position: absolute;
        top: 14px;
        left: 30px;
        width: 18px;
        height: 15px;
    }
    .mobile-butotn {
        background: #fff;
        padding: 10px;
        gap: 10px;
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 5;
        display: flex !important;
    }
    .mobile-butotn a{
        flex: 1;
    }
    .mobile-butotn a img{
        width: 100%;
    }
    .desktop-hero-text{
        display: none;
    }
    .mobile-hero-tex{
        display: block;
    }
    .right-side-part > .content-inner{
        background: none;
    }
    .right-side-part > .content-inner .middle-white-sec{
        margin-left: 10px;
    }
    .right-side-part > .content-inner .form-section{
        margin-bottom: -10px;
        padding-bottom: 10px;
    }
    #restartBtn{
        background: rgba(0, 0, 0, 0.7) !important;
        top: unset !important;
        bottom: 0 !important;
    }
    #restartBtn > span {
        display: none;
    }
    #restartBtn > svg{
        width: 26px !important;
        height: 26px !important;
    }
    #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle{
        right: 180px !important;
        left: unset !important;
    }
    #pojo-a11y-toolbar.pojo-a11y-toolbar-left {
        right: -180px !important;
        left: unset !important;
    }
    #pojo-a11y-toolbar.pojo-a11y-toolbar-left.pojo-a11y-toolbar-open {
        right: 0 !important;
        left: unset !important;
    }
}



@media (max-width: 400px) {
    .subhedding {
        font-size: 18px;
    }
    .upper-heading-middle {
        font-size: 15px;
    }
    .bottom-heading-middle {
        font-size: 20px;
    }
}
@media (max-width: 380px) {
    .subhedding {
        font-size: 17px;
    }
    .checkbox-wrap label{
        padding-left: 5px;
    }
}