/* phone  section */

#phone-section {
    display: none;
}


/* Interior  section */

#interior-page {
    margin-top: 60px;
    padding-bottom: 60px;
}

.interior-page-img img {
    border-radius: 10px;
}

.plan {
    padding: 15px 10;
    width: 24%;
    display: inline-block;
}

#gallery {
    padding-top: 60px;
    padding-bottom: 60px;
}

#interior-page {
    position: relative;
}

.interior-page-center-img {
    margin-top: 219px;
}

.interior-page-center-img img {
    border-radius: 100%;
    width: 300px;
    height: 300px;
    border: 4px solid black;
    margin: 0 auto;
    display: block;
}

.pos img {
    position: absolute;
    border-radius: 100%;
    height: 200px;
    width: 200px;
}

.pos-img-1 img {
    border: 4px solid red;
    left: 510px;
    top: 32%;
}


/* .pos-img-1 ol:before {
    content: "";
    background: url(../img/left.png) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    position: absolute;
} */

.pos-img-1 ol {
    position: absolute;
    left: 10%;
    top: 39%;
}

.pos-img-2 img {
    border: 4px solid green;
    left: 750px;
    top: 9%;
}

.pos-img-2 ol {
    position: absolute;
    left: 21%;
    top: 12%;
}

.pos-img-3 img {
    border: 4px solid blue;
    left: 986px;
    top: 32%;
}

.pos-img-3 ol {
    position: absolute;
    right: 11%;
    top: 41%;
}


/*  
 .pos-img-3 p{
    left: 1020px;
     top: 56%;
 }
  */

.pos-img-4 img {
    border: 4px solid gray;
    left: 522px;
    top: 73%;
}

.pos-img-4 ol {
    position: absolute;
    left: 10%;
    top: 80%;
}


/* .pos-img-4 p{
    left: 595px;
     top: 87%;
 } */

.pos-img-5 img {
    border: 4px solid green;
    left: 750px;
    top: 93%;
}

.pos-img-5 ol {
    position: absolute;
    right: 21%;
    top: 109%;
}

.pos-img-6 img {
    border: 4px solid #00ffe7;
    left: 975px;
    top: 73%;
}

.pos-img-6 ol {
    position: absolute;
    right: 11%;
    top: 78%;
}

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

   
}

@media screen and (max-width:1367px) {
    
    .pos img {
        position: absolute;
        border-radius: 100%;
        height: 180px;
        width: 180px;
    }
    /* .pos-img-1 img {
        border: 4px solid red;
        left: 410px;
        top: 32%;
    }
    .pos-img-2 img {
        border: 4px solid green;
        left: 629px;
        top: 13%;
    }

    .pos-img-4 img {
        border: 4px solid gray;
        left: 412px;
        top: 73%;
    }
    .pos-img-5 img {
        border: 4px solid green;
        left: 622px;
        top: 93%;
    }
    .pos-img-6 img {
        border: 4px solid #00ffe7;
        left: 851px;
        top: 73%;
    }
    .pos-img-3 img {
        border: 4px solid blue;
        left: 850px;
        top: 32%;
    } */

    .pos-img-1 img {
        border: 4px solid red;
        left: 378px;
        top: 32%;
    }
    .pos-img-2 img {
        border: 4px solid green;
        left: 594px;
        top: 13%;
    }
    .pos-img-3 img {
        border: 4px solid blue;
        left: 812px;
        top: 32%;
    }
    .pos-img-4 img {
        border: 4px solid gray;
        left: 380px;
        top: 73%;
    }
    .pos-img-5 img {
        border: 4px solid green;
        left: 592px;
        top: 92%;
    }
    .pos-img-6 img {
        border: 4px solid #00ffe7;
        left: 809px;
        top: 74%;
    }
}


@media screen and (max-width:1300px) {
    .pos img {
        position: absolute;
        border-radius: 100%;
        height: 170px;
        width: 170px;
    }

    .pos-img-1 img {
        border: 4px solid red;
        left: 352px;
        top: 35%;
    }
    .pos-img-2 img {
        border: 4px solid green;
        left: 565px;
        top: 15%;
    }
    .pos-img-3 img {
        border: 4px solid blue;
        left: 779px;
        top: 35%;
    }
    .pos-img-4 img {
        border: 4px solid gray;
        left: 354px;
        top: 73%;
    }
    .pos-img-5 img {
        border: 4px solid green;
        left: 555px;
        top: 92%;
    }
    .pos-img-6 img {
        border: 4px solid #00ffe7;
        left: 772px;
        top: 74%;
    }
}


@media screen and (max-width:1267px) {
    .pos img {
        position: absolute;
        border-radius: 100%;
        height: 160px;
        width: 160px;
    }

    .pos-img-1 img {
        border: 4px solid red;
        left: 348px;
        top: 35%;
    }
    .pos-img-2 img {
        border: 4px solid green;
        left: 560px;
        top: 16%;
    }
    .pos-img-3 img {
        border: 4px solid blue;
        left: 761px;
        top: 35%;
    }
    .pos-img-4 img {
        border: 4px solid gray;
        left: 347px;
        top: 73%;
    }
    .pos-img-5 img {
        border: 4px solid green;
        left: 551px;
        top: 92%;
    }
    .pos-img-6 img {
        border: 4px solid #00ffe7;
        left: 759px;
        top: 74%;
    }

}



@media screen and (max-width:1200px) {
    .interior-page-center-img {
        margin-top: 189px;
    }
    .pos img {
        position: absolute;
        border-radius: 100%;
        height: 170px;
        width: 170px;
    }
    .pos-img-1 img {
        border: 4px solid red;
        left: 293px;
        top: 34%;
    }
    .pos-img-1 ol {
        position: absolute;
        left: 8%;
        top: 39%;
    }
    .pos-img-2 img {
        border: 4px solid green;
        left: 515px;
        top: 10%;
    }
    .pos-img-3 img {
        border: 4px solid blue;
        left: 737px;
        top: 34%;
    }
    .pos-img-3 ol {
        position: absolute;
        right: 6%;
        top: 39%;
    }
    .pos-img-4 img {
        border: 4px solid gray;
        left: 310px;
        top: 73%;
    }
    .pos-img-4 ol {
        position: absolute;
        left: 8%;
        top: 80%;
    }
    .pos-img-5 img {
        border: 4px solid green;
        left: 526px;
        top: 92%;
    }
    .pos-img-5 ol {
        position: absolute;
        right: 21%;
        top: 104%;
    }
    .pos-img-6 img {
        border: 4px solid #00ffe7;
        left: 722px;
        top: 73%;
    }
    .pos-img-6 ol {
        position: absolute;
        right: 8%;
        top: 77%;
    }
    
   
}

@media screen and (max-width:1167px) {
    .pos-img-1 img {
        border: 4px solid red;
        left: 276px;
        top: 34%;
    }
    .pos-img-1 ol {
        position: absolute;
        left: 6%;
        top: 34%;
    }
    .pos-img-2 img {
        border: 4px solid green;
        left: 499px;
        top: 10%;
    }
    .pos-img-3 img {
        border: 4px solid blue;
        left: 720px;
        top: 34%;
    }
    .pos-img-4 img {
        border: 4px solid gray;
        left: 293px;
        top: 73%;
    }
    .pos-img-4 ol {
        position: absolute;
        left: 6%;
        top: 80%;
    }
    .pos-img-5 img {
        border: 4px solid green;
        left: 496px;
        top: 92%;
    }
    .pos-img-6 img {
        border: 4px solid #00ffe7;
        left: 705px;
        top: 73%;
    }
}

@media screen and (max-width:800px) {}
@media screen and (max-width:799px) {}
@media screen and (max-width:767px) {
   
}
@media screen and (max-width:480px) {
    
    /* ############# interior ################# */
    
    #interior-page {
        margin-top: 30px;
        padding-bottom: 0px;
    }
    
    .pos img {
        position: absolute;
        border-radius: 100%;
        height: 120px;
        width: 120px;
    }
    
    .interior-page-center-img img {
        border-radius: 100%;
        width: 250px;
        height: 250px;
        border: 4px solid black;
        margin: 0 auto;
        display: block;
    }
    
    .interior-page-center-img {
        margin-top: 370px;
    }
    
    .pos-img-1 img {
        left: 15px;
        top: 7%;
    }
    
    .pos-img-1 ol {
        position: absolute;
        left: 39%;
        top: 59px;
    }
    
    .pos-img-2 img {
        left: 15px;
        top: 44%;
    }
    
    .pos-img-2 ol {
        position: absolute;
        left: 39%;
        top: 47%;
    }
    
    .pos-img-3 img {
        left: 190px;
        top: 26%;
    }
    
    .pos-img-3 ol {
        position: absolute;
        left: -10px;
        top: 28%;
    }
    
    .pos-img-4 img {
        left: 190px;
        top: 101%;
    }
    
    .pos-img-4 ol {
        position: absolute;
        left: -10px;
        top: 104%;
    }
    
    .pos-img-5 img {
        left: 15px;
        top: 120%;
    }
    
    .pos-img-5 ol {
        position: absolute;
        top: 124%;
        right: 5%;
    }

    .pos-img-6 img {
        left: 190px;
        top: 139%;
    }
    .pos-img-6 ol {

        position: absolute;
        top: 140%;
        right: 44%;
    
    }
}