@media only screen and (min-width:320px) and (max-width: 768px) {
    body {
         overflow-x: hidden;
    }
     #services-two{
         display:none!important;
     }
     #ban-mob{
         display:none!important;
    }
     #background-image{
         display:none!important;
    }
     #story-mob{
         margin-top:45%!important;
    }
     #banner-des{
         display: none;
    }
     #content-color{
         border-radius:0% 0% 0% 50px;
         width: 100%;
    }
      .active {
    background:none!important;
}
/*     #top-backcolor{
         width: 480px;
    }*/
     #swiper-mob{
         margin-top: 0%!important;
    }
     .locat-top{
         margin-left: 46px!important;
         margin-top: -35px!important;
    }
     .locat-down{
         margin-left: 46px!important;
    }
     .contact-sec{
         border-radius:0%!important;
         width: 320px;
         margin: 0;
         margin-left:-8%;
    }
     .sec-pad{
         padding:38px 21px!important;
         margin-top:-4%!important;
    }
     .twin-yellow{
         height: 72vh;
         margin-left:0%;
    }
     .elementor-heading-title{
         font-size:18px;
         padding: 12px;
         margin-left:1%;
         margin-top:5%;
    }
     .form-left{
         margin-left: 4%;
    }
     .form-right{
         margin-left: 4%;
    }
    .studio-left{
        margin-left: 4%;
    }
    .studio-right{
         margin-left: 4%;
    }
    #wel-mob{
        margin-top:-6.5%;
        margin-bottom:5%;
        margin-right:0px;
        margin-left:0px;
    }
     #mce-EMAIL{
      width:90%!important;
      margin-left:5%;
      margin-bottom:30px;
    }
    #mce-FNAME{
      width:90%!important;
      margin-left:5%;
    }
    .mce-button{
       background: #00aeef;
        color: #000;
        padding: 8px 20px;
        margin-left:5%;
        margin-top:2%;
        border: none;
       font-size: 12px;
    }
    .blog-content{
        line-height:22px;
         font-size:12px;
    }
    .blog-img{
        width:350px; 
    }
    .blog-imgtwo{
         width:300px; 
    }
    #img-home{
    border-radius: 30px;
    }
     #navbarSupportedContent{
        background-color: #fff!important;
        padding: 10px!important;
        margin-left:-5px!important;
        margin-top: 0px!important;
        height: auto;
    }
   
   button:focus{
    outline: none!important;
   }
   #row-content{
    margin-top:-7%!important;
   }
   #ind-athr{
    line-height: 32px;
    padding: 10px;
    margin-left: 10%;
    margin-top: 0px;
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
    width: 75%;
}
#ind-athrtwo{
    line-height: 32px;
    margin-left: 7%;
    margin-bottom: 20px;
    font-size: 1.35rem;
    font-weight: 700;
    width: 80%;
    text-align: center;
    margin-top: -10px;
}
 .input-group-text{
        background:none!important;
        border:none!important;
        margin-left: -100%;
        z-index: 999;
    }
    .input-group{
        width: 75%!important;
        border: none;
    }
  .swiper-pagination{
    position: relative!important;
    margin-top: -56%;
    margin-left: 0%;
  }
  .swiper-container{
    height: 480px;
    margin-bottom: 20px!important;
  }
 #contact-content{
        line-height:40px;
        padding:10px;
        font-size:16px;
        margin-left:5%;
    }
     #contentbr-content{
    display: none;
  }
  #contentbrmob-content{
    font-size:16px;
    margin-left:5%;
    padding:10px;
    line-height:30px;
    margin-top:-5%;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: -160px!important;
    margin-left: -3%;
  }
  .swiper-full-mobile{
    padding-bottom: 160px!important
  }
   #v-pills-home{
        padding:1rem!important;
    }
    #text-cont-tab{
        margin-left:10px;
    }
    #v-pills-profile{
         padding:1rem!important;
    }
    #v-pills-messages{
         padding:1rem!important;
    }
    #v-pills-settings{
        padding:1rem!important;
    }
    .pills-basic{
     font-size: 0.90rem;
    margin-left: 2%;
    }
    .pills-basiccon{
      font-size: 1.4rem;
     margin-left: 2%;
     margin-bottom: 15px;
}
    #story-res{
       line-height: 40px;
    padding: 10px;
    font-size: 1.05rem;
    margin-left:-1%;
    text-align: center;
    }
    #story-restwo{
    line-height: 10px;
    padding: 5px;
    font-size: 1.05rem;
    margin-left:0%;
    margin-bottom: 20px;
    text-align: center;
    }
    #footer-desktop{
        display:none;
    }
   
    #mob-tabhide{
        display: none;
    }
    #v-pills-home-tab{
    width:25%;
}

#v-pills-profile-tab{
      width:25%;
}
#v-pills-messages-tab{
 width:25%;
}
#v-pills-settings-tab{
 width:25%;
}
#tabsec-img{
    width: 100%!important;
}
#House-header{
    margin-top:6%;
    line-height: 34px;
}
#privacy-header{
    margin-top: 25%;
    line-height: 34px;
}
#Housetwo-header{
     line-height: 32px;
}
#cont-house{
    margin-bottom: 30px;
}
#color{
    display: none;
}
#blogdes-hidden{
      display: none!important;
  }
  #color-mobile {
   background-color: #01AEF0;
    padding: 10px;
    border-radius: 4px;
    height: 200px;
    width: 320px;
    margin-top: -100px;
}
  #blog-media{
        padding-left:40px!important;
        padding-right:40px!important;
        margin-top: 40%!important;
    }
     #blog-img{
        height:300px;
    }
      #block-blog{
        margin-top:-15%;
/*        height:280px;*/
        background-color:#ffd800;
        margin-left:0%;
    }
    #primary-blog{
        margin-left: 10px;
        color:#fff!important;
        margin-bottom:15px;
    }

    #block-blogtwo{
    margin-top: 2%;
    height:500px;
    background-color: #ffd800;
    margin-right: 0%;
    z-index: 9999;
    position: initial;
    }
    #card-contmob{
    height:850px;
    }
    #des-nav{
    display:none;
}
.navbar{
     margin: 0;
     z-index: 9999;
}
.navbar-nav{
    padding-left: 15px!important;
}
.swiper-wrapper{
    margin-left: 6.5%;
}
#Apartment-Container{
    padding-left:25px;
}
#blogdes-button{

}
#blog-imgsecond{
    height:300px;
}
.buttonx{
    text-align:center;
    letter-spacing:1px;
    width:150px!important;
}
}


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

.heading-title{
        margin-top: -30%;
        margin-left: -3%;
}
.heading-para{
    margin-left: -1.5%;
    margin-top: -18%;
}
.heading-paratwo{
    margin-left: -19%;
    margin-top: -15%;
}
.heading-Story{
    margin-left: 200%;
    margin-top: -570%;
}
#story-pearl{
   margin-left:0%;
    margin-top: -90%;
}
#parastory-pearl{
   margin-left:3%;
    margin-top: -70%;
}
#blog-heading{
    margin-left: 200%;
    margin-top: -400%!important;
}
.heading-parastory{
     margin-left: 21%;
    margin-top: -57%;
    }
    .heading-pearlStory{
        margin-left: 5%;
    margin-top: -95%;
    }
    .heading-pearlparastory{
        margin-left: 21%;
    margin-top: -65%;
}
#blogdes-button{
    margin-left:75%;
}
#blog-imgsecond{
    height:400px;
}
#contentbrmob-content{
    display: none;
}
 }


 @media only screen and (min-width:770px) and (max-width: 3000px) {
    #mob-nav{
        display: none;
    }
    #swiper-section{
        display: none;
    }
    .navbar{
     margin: 20px auto 0;
}
#contentbrmob-content{
    display: none;
}
    #v-pills-tab{
        display:block;
    }
     #ban-mob{
         display:none!important;
    }
    
     #desbackground-image{
         display:none!important;
    }
     #banner-mob{
         display:none!important;
    }
    .navbar-nav{
        margin-left:5%!important;
    }
    .form-inline .form-control{
        border-radius: 30px;
        border: 1px solid #000;
    }
     #wel-mob{
        margin-top:0%;
        margin-bottom:5%;
    }
    #mce-EMAIL{
      width:30%!important;
    }
    .input-group-text{
        background:none!important;
        border:none!important;
        margin-left: -100%;
        z-index: 999;
    }
    #blogdes-button{
    margin-left:80%;
}
    #mce-FNAME{
      width:30%!important;
      margin-left:2%;
    }
    .mce-button{
        background: #00aeef;
        color: #000;
        padding: 8px 20px;
        margin-left:2%;
    }
    .blog-content{
        line-height:22px;
        text-align:justify;
        font-size: 16px;
        letter-spacing: 0.5px;
    }
    .blog-img{
        width:800px; 
    }
    .blog-imgtwo{
         width:500px; 
    }
      #img-home{
    margin-top: -6%;
    height: 310px;
    border-radius:11px !important;
    }

     #text-cont-tab{
        margin-top: -30px!important;
    }
    #banner-des{
        margin-top:0%;
    }

    #navbarSupportedContent{
        background-color: #fff!important;
        padding:4px!important;
        margin-left: -17px!important;
        margin-top: -80px!important;
        /*box-shadow: 0px 2px 1px 0px grey;*/
        box-shadow: 4px 5px 4px 0px grey;
    }
    .mr-auto{
        margin-left: 8%!important;
    }
    #search-control{
        margin-left: -16%;
    border-radius: 30px;
    border: 1px solid #000;
    line-height: 1;
    }
    #ind-athr{
    line-height: 30px;
    padding: 10px;
    margin-left: 15%;
    margin-top: 20px;
    font-size: 1.35rem;
    font-weight: 700;
}
#ind-athrtwo{
    line-height:20px;
    margin-left:25%;
    margin-bottom:20px;
    font-size: 1.35rem;
    font-weight:700;
}
  .input-group{
        width: 25%!important;
        border: none;
    }
    #mob-container{
    max-width: 1250px!important;

    }
    #twinslider-img{
        margin-left:8.4%!important;
        margin-top: 30%!important;
    }
    #pearlslider-img{
        margin-left: 10.4%!important;
        margin-top: 25%!important;
    }
    #boysslider-img{
    margin-left: 10.4%!important;
    margin-top:35%!important;
    }
    #contact-content{
        line-height:40px;
        padding:10px;
        font-size:16px;
        margin-left:3%;
    }
     #contentbr-content{
    font-size:16px;
    margin-left:25%;
  }
  .pills-basic{
    display: none;
    }
    .pills-basiccon{
       display: none; 
    }
     #story-res{
       line-height:40px;
       padding:10px;
       font-size:1.25rem;
       margin-left:20%;
    }
    #story-restwo{
        line-height:4px;
        padding:5px;
        font-size:1.25rem;
        margin-left:25%;
        margin-bottom:20px;
    }
    #mail{
        border-radius: 30px;
    border: 2px solid #000!important;
    height: 34px;
    }
    #footer-mob{
        display:none;
    }
    #blogmob-hidden{
        display: none!important;
    }
    #color-mobile{
        display: none!important;
    }
    #blog-media{
        padding-left:40px!important;
        padding-right:40px!important;
    }
    #blog-img{
        height:400px;
    }
    #block-blog{
        margin-top:10%;
        height:280px;
        background-color:#ffd800;
        margin-left: -15%;
    }
    #primary-blog{
        margin-left: 10px;
        color:#fff!important;
    }
    #block-blogtwo{
        margin-top:10%;
        height:280px;
        background-color:#ffd800;
        margin-right: -15%;
        z-index: 9999;
        position: absolute;
    }
    #blog-imgsecond{
    height:400px;
}
}