/* For Tablet View */
@media screen and (min-device-width: 768px)
    and (max-device-width: 1024px) {
      .padding{
        padding:0 2rem;
    }
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  body{
    overflow-x: hidden;
  }
  .navbar-toggler{
    border: 0;
    
  }
  .navbar-toggler:focus{
    box-shadow: unset;
    border: 0;
  }
  .navbar-toggler-icon{
    background-image: url('../images/icons/menu-white.svg');
    padding: 25px 0;
  }
  header .navbar-nav .nav-item .nav-link{
    padding: 0;
  }
  header .navbar-scroll .navbar-nav .nav-item .nav-link{
    color: #fff !important;
  }
  .navbar-scroll .navbar-toggler-icon{
    background-image: url('../images/icons/menu-black.svg');
    padding: 30px 0;
  }
  header .navbar .navbar-brand img{
    left: 3%;
    top: 48%;
    width: 150px;
  }
  .mob-btn{
    display: block;
  }
  .web-btn{
    display: none;
  }
  header .navbar-collapse{
    text-align: center;
    background-color: rgba(0,0,0,0.8);
    margin: 6px;
    padding: 15px;
  }
  header .navbar-nav .nav-item{
    padding: 8px 0;
  }
  #hero-content{
    width: 345px;
  }
  #hero-content .slider-content h1{
    font-size: 28px;
  }
  #hero-content .slider-content p{
    font-size: 14px;
  }
  #hero-content-about{
    width: 360px;
    margin: 1em;
    left: 0;
    top:35%;
  }
  .mob-width{
    width: 50%;
  }
  .mob-width .social-icon .fa-brands{
    font-size: 21px !important;
    line-height: inherit;
  }
  .mob-width .social-name a{
    font-size: 20px;
  }
  .who-we-are-section-head h6, .our-core-business-section-head h6, .featured-project-section-head h6, .shopping-now-section-head h6, .what-we-offer-section-head h6, .why-choose-us-section-head h6, .testimonials-section-head h6, .left-side-text h6, .about-our-value-side-right h6, .what-we-dream-section-head h6{
    font-size: 35px;
  }
  .who-we-are-section-head h2, .about-our-value-side-right h2{
    font-size: 25px;
  }
  #who-we-are .content p{
    font-size: 14px;
  }
  .who-we-are-item .item-head h6{
    font-size: 20px;
  }
  .who-we-are-service{
    text-align: center;
  }
  .who-we-are-content .center-img img{
    margin-left: -48px;
  }
  /* .bottom-heading h1,.bottom-heading1 h1{
    font-size: 45px;
  } */
  .bottom-heading, .bottom-heading1{
    margin-top: -38px;
    display: none;
  }
  .mob-bottom-heading{
    display: block;
    position: absolute;
    z-index: -1;
    text-align: center;
    /* top: 41%; */
  }
  .mob-bottom-heading h1{
    font-size: 73px;
  }
  .mob-ms-2{
    margin-left: -1%;
  }
  .product{
    width: 95%;
    margin: auto;
  }
  .mob-pad-left-30{
    padding-left: 30px;
  }
  .mob-mb-20{
    margin-bottom: 20px;
  }
  .mob-pad-bottom{
    padding-bottom: 316%;
  }
  .why-choose-us-section-firstimg{
    left: 7px;
    width: 150px;
    height: 235px;
  }
  .why-choose-us-section-secondimg{
    width: 200px;
    height: 285px;
    left: 40%;
  }
  .mob-pad-20{
    padding: 20px !important;
  }
  .mob-pad-left-31{
    padding-left: 31px;
  }
  .mob-pad-top-75{
    padding-top: 75px;
  }
  .accordian-section{
    width: 95%;
  }
  .footer-section-head .col-description{
    font-size: 20px;
  }
  #why-choose-us{
    padding-bottom: 7em;
  }
  #about-section .center-img{
    left: -112px;
  }
  #about-section .right-side-text{
    right: -101px;
  }
  #about-second-section .middle-content{
    margin: 2em;
  }
  .about-our-value-side-left video{
    margin: 0 0.72em;
  }
  #what-we-dream{
    margin-top: 20em;
  }
  #what-we-dream .head-border,#what-we-dream .bottom-border{
    width:340px ;
  }
  #designer-studio .head-border,#rental .head-border,#academy-section .head-border,
  #designer-studio .bottom-border,#rental .bottom-border,#academy-section .bottom-border
  {
    width:320px ;
  }
  #what-we-dream .what-we-dream-section-head{
    padding: 0 15px;
  }
  #hero-slider1{
    height: 600px;
    background-position: unset;
  }
  #hero-content-contact{
    width: 365px;
    top: 115px;
  }
  #overview-section .left-side-text {
    padding: 0em 1em 1em 1em;
    text-align: center;
}
  #overview-section .center-img{
    right: 0;
    bottom: 0;
  }
  #overview-section .center-img img{
    height: auto;
    max-width: 100%;
  }
  #sandalwood-exp .exp-section-content{
    padding-right: 3em;
    margin: 1em;
  }
  .exp-section-image, .exp-section-image-left,.exp-section-image1, .exp-section-image-left1{
    height: 260px;
    max-width: 100%;
    margin: 0;
  }
  .mob-order-1{
    -webkit-order:1;
    order: 1;
  }
  .mob-order-2{
    -webkit-order:2;
    order: 2;
  }
  #ad-shoot-exp .exp-section-content{
    padding: 3em;
  }
  #designer-studio .center-img, #rental .center-img, #academy-section .center-img{
    position: relative;
  }
  #designer-studio .center-img img, #rental .center-img img, #academy-section .center-img img{
    width: 100%;
    height: auto;
  }
  .mob-mb-2{
    margin-bottom: 2em !important;
  }
  .fnt-49{
    font-size: 49px !important;
  }
  #rental-section .left-side-text{
    padding: 0em 2em 5em 2em;
  }
  .top-0{
    top:0 !important;
  }
  .mob-pr-2{
    padding-right: 2em !important;
  }
  #clients-gallery .clients-gallery-section-content{
    padding: 3em;
  }
  #contact-section .left-side-text {
    padding: 3em 1em 3em 1em;
  }
  #contact-section .right-side-text{
    left: 21px;
  }
  #contact-map .about-our-value-side-right{
    margin: 0;
  }
  #hero-slider .video-banner{
    display: none;
  }
  .about-mob-banner{
    background-image: url(../images/banner/mbanner.jpg);
    background-position: center;
  }
  #offer-header .banner-head{
    padding: 11em 2em;
  }
  #offer-header .banner-head h2{
    font-size: 45px;
  }
.modal-footer{
    position: absolute;
    top: 63%;
    left: 20%;
  }
 .mob-float-none{
    float:none !important; 
 }
 .mob-mse-0{
     margin-left: 0 !important;
     margin-right:0 !important;
 }
 #academy-service-section .services{
     padding-left:0!important;
 }
 .mob-ps-25{
     padding-left:25px;
 }
 .mob-pe-25{
     padding-right:25px;
 }
 .mob-p-25{
     padding:25px;
 }
}



@media screen and (max-device-width: 480px)
    and (orientation: portrait){
        .padding{
        padding:0 2rem;
    }
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  body{
    overflow-x: hidden;
  }
  .navbar-toggler{
    border: 0;
    
  }
  .navbar-toggler:focus{
    box-shadow: unset;
    border: 0;
  }
  .navbar-toggler-icon{
    background-image: url('../images/icons/menu-white.svg');
    padding: 25px 0;
  }
  header .navbar-nav .nav-item .nav-link{
    padding: 0;
  }
  header .navbar-scroll .navbar-nav .nav-item .nav-link{
    color: #fff !important;
  }
  .navbar-scroll .navbar-toggler-icon{
    background-image: url('../images/icons/menu-black.svg');
    padding: 30px 0;
  }
  header .navbar .navbar-brand img{
    left: 3%;
    top: 48%;
    width: 150px;
  }
  .mob-btn{
    display: block;
  }
  .web-btn{
    display: none;
  }
  header .navbar-collapse{
    text-align: center;
    background-color: rgba(0,0,0,0.8);
    margin: 6px;
    padding: 15px;
  }
  header .navbar-nav .nav-item{
    padding: 8px 0;
  }
  #hero-content{
    width: 345px;
  }
  #hero-content .slider-content h1{
    font-size: 28px;
  }
  #hero-content .slider-content p{
    font-size: 14px;
  }
  #hero-content-about{
    width: 290px;
    margin: 1em;
    left: 0;
    top:35%;
  }
  .mob-width{
    width: 50%;
  }
  .mob-width .social-icon .fa-brands{
    font-size: 21px !important;
    line-height: inherit;
  }
  .mob-width .social-name a{
    font-size: 20px;
  }
  .who-we-are-section-head h6, .our-core-business-section-head h6, .featured-project-section-head h6, .shopping-now-section-head h6, .what-we-offer-section-head h6, .why-choose-us-section-head h6, .testimonials-section-head h6, .left-side-text h6, .about-our-value-side-right h6, .what-we-dream-section-head h6{
    font-size: 35px;
  }
  .who-we-are-section-head h2, .about-our-value-side-right h2{
    font-size: 25px;
  }
  #who-we-are .content p{
    font-size: 14px;
  }
  .who-we-are-item .item-head h6{
    font-size: 20px;
  }
  .who-we-are-service{
    text-align: center !important;
  }
  .who-we-are-content .center-img img{
    margin-left: -48px;
  }
  /* .bottom-heading h1,.bottom-heading1 h1{
    font-size: 45px;
  } */
  .bottom-heading, .bottom-heading1{
    margin-top: -38px;
    display: none;
  }
  .mob-bottom-heading{
    display: block;
    position: absolute;
    z-index: -1;
    text-align: center;
    /* top: 41%; */
  }
  .mob-bottom-heading h1{
    font-size: 73px;
  }
  .mob-ms-2{
    margin-left: -1%;
  }
  .product{
    width: 95%;
    margin: auto;
  }
  .mob-pad-left-30{
    padding-left: 30px;
  }
  .mob-mb-20{
    margin-bottom: 20px;
  }
  .mob-pad-bottom{
    padding-bottom: 316%;
  }
  .why-choose-us-section-firstimg{
    left: 7px;
    width: 150px;
    height: 235px;
  }
  .why-choose-us-section-secondimg{
    width: 200px;
    height: 285px;
    left: 40%;
  }
  .mob-pad-20{
    padding: 20px !important;
  }
  .mob-pad-left-31{
    padding-left: 31px;
  }
  .mob-pad-top-75{
    padding-top: 75px;
  }
  .accordian-section{
    width: 95%;
  }
  .footer-section-head .col-description{
    font-size: 20px;
  }
  #why-choose-us{
    padding-bottom: 7em;
  }
  #about-section .center-img{
    left: -112px;
  }
  #about-section .right-side-text{
    right: -112px;
    width: 300px;
  }
  #about-second-section .middle-content{
    margin: 2em;
  }
  .about-our-value-side-left video{
    margin: 0 0.72em;
  }
  #what-we-dream{
    margin-top: 20em;
  }
  #what-we-dream .head-border,#what-we-dream .bottom-border{
    width:280px ;
  }
  #designer-studio .head-border,#rental .head-border,#academy-section .head-border,
  #designer-studio .bottom-border,#rental .bottom-border,#academy-section .bottom-border
  {
    width:320px ;
  }
  #what-we-dream .what-we-dream-section-head{
    padding: 0 15px;
  }
  #hero-slider1{
    height: 600px;
    background-position: unset;
  }
  #hero-content-contact{
    width: 365px;
    top: 115px;
  }
  #overview-section .left-side-text {
    padding: 0em 1em 1em 1em;
    text-align: center;
}
  #overview-section .center-img{
    right: 0;
    bottom: 0;
  }
  #overview-section .center-img img{
    height: auto;
    max-width: 100%;
  }
  #sandalwood-exp .exp-section-content{
    padding-right: 3em;
    margin: 1em;
  }
  .exp-section-image, .exp-section-image-left,.exp-section-image1, .exp-section-image-left1{
    height: 260px;
    max-width: 100%;
    margin: 0;
  }
  .mob-order-1{
    -webkit-order:1;
    order: 1;
  }
  .mob-order-2{
    -webkit-order:2;
    order: 2;
  }
  #ad-shoot-exp .exp-section-content{
    padding: 3em;
  }
  #designer-studio .center-img, #rental .center-img, #academy-section .center-img{
    position: relative;
  }
  #designer-studio .center-img img, #rental .center-img img, #academy-section .center-img img{
    width: 100%;
    height: auto;
  }
  .mob-mb-2{
    margin-bottom: 2em !important;
  }
  .fnt-49{
    font-size: 49px !important;
  }
  #rental-section .left-side-text{
    padding: 0em 2em 5em 2em;
  }
  .top-0{
    top:0 !important;
  }
  .mob-pr-2{
    padding-right: 2em !important;
  }
  #clients-gallery .clients-gallery-section-content{
    padding: 3em;
  }
  #contact-section .left-side-text {
    padding: 3em 1em 3em 1em;
  }
  #contact-section .right-side-text{
    left: 21px;
  }
  #contact-map .about-our-value-side-right{
    margin: 0;
  }
  #hero-slider .video-banner{
    display: none;
  }
  .about-mob-banner{
    display: block ;
    background-image: url(../images/banner/mbanner.jpg) !important;
    background-position: center;
    background-repeat: no-repeat;
    height: 600px;
  }
  #offer-header .banner-head{
    padding: 11em 2em;
  }
  #offer-header .banner-head h2{
    font-size: 45px;
  }
  #hero-content-about .hero-content h1{
    font-size: 46px;
  }
  .mob-mb-0{
    margin-bottom: 0 !important;
  }
  #offer-header .banner-head{
    padding:80px 20px 60px 20px;
  }
  #offer-header .banner-img{
    padding: 0;
  }
  #sale-products [class*="col-"] {
    margin-top: 3em;
  }
  #offer-header .banner-head h2{
    font-size: 35px !important;
    padding-top: 25px;
  }
  .testimonial-item{
      height:360px;
  }
  .modal-content{
    background-image: url(../images/banner/mpopup.jpg) !important;
    width: 320px;
    height: 400px;
    background-position: center;
  }
  .modal-footer{
    position: absolute;
    top: 68%;
    left: 20%;
  }
  .mob-disp-none{
      display:none !important;
  }
   .mob-float-none{
    float:none !important; 
 }
 .mob-mse-0{
     margin-left: 0 !important;
     margin-right:0 !important;
 }
 #academy-service-section .services{
     padding-left:0!important;
 }
 .mob-text-center{
     text-align:center;
 }
 .mob-ps-25{
     padding-left:25px;
 }
 .mob-pe-25{
     padding-right:25px;
 }
 .mob-p-25{
     padding:25px;
 }
}
@media only screen and (max-width:480px) {
    html{
      width: 100vw;
      overflow-x: hidden;
    }
    /* .navbar-toggler-icon{
      background-image: url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="50px" height="50px"><g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M5,8c-0.72127,-0.0102 -1.39216,0.36875 -1.75578,0.99175c-0.36361,0.623 -0.36361,1.39351 0,2.01651c0.36361,0.623 1.0345,1.00195 1.75578,0.99175h40c0.72127,0.0102 1.39216,-0.36875 1.75578,-0.99175c0.36361,-0.623 0.36361,-1.39351 0,-2.01651c-0.36361,-0.623 -1.0345,-1.00195 -1.75578,-0.99175zM5,23c-0.72127,-0.0102 -1.39216,0.36875 -1.75578,0.99175c-0.36361,0.623 -0.36361,1.39351 0,2.01651c0.36361,0.623 1.0345,1.00195 1.75578,0.99175h40c0.72127,0.0102 1.39216,-0.36875 1.75578,-0.99175c0.36361,-0.623 0.36361,-1.39351 0,-2.01651c-0.36361,-0.623 -1.0345,-1.00195 -1.75578,-0.99175zM5,38c-0.72127,-0.0102 -1.39216,0.36875 -1.75578,0.99175c-0.36361,0.623 -0.36361,1.39351 0,2.01651c0.36361,0.623 1.0345,1.00195 1.75578,0.99175h40c0.72127,0.0102 1.39216,-0.36875 1.75578,-0.99175c0.36361,-0.623 0.36361,-1.39351 0,-2.01651c-0.36361,-0.623 -1.0345,-1.00195 -1.75578,-0.99175z"></path></g></g></svg>');
      padding: 25px 0;
    }
    .navbar-scroll .navbar-toggler-icon{
      background-image: url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="50px" height="50px"><g fill="#000000" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M5,8c-0.72127,-0.0102 -1.39216,0.36875 -1.75578,0.99175c-0.36361,0.623 -0.36361,1.39351 0,2.01651c0.36361,0.623 1.0345,1.00195 1.75578,0.99175h40c0.72127,0.0102 1.39216,-0.36875 1.75578,-0.99175c0.36361,-0.623 0.36361,-1.39351 0,-2.01651c-0.36361,-0.623 -1.0345,-1.00195 -1.75578,-0.99175zM5,23c-0.72127,-0.0102 -1.39216,0.36875 -1.75578,0.99175c-0.36361,0.623 -0.36361,1.39351 0,2.01651c0.36361,0.623 1.0345,1.00195 1.75578,0.99175h40c0.72127,0.0102 1.39216,-0.36875 1.75578,-0.99175c0.36361,-0.623 0.36361,-1.39351 0,-2.01651c-0.36361,-0.623 -1.0345,-1.00195 -1.75578,-0.99175zM5,38c-0.72127,-0.0102 -1.39216,0.36875 -1.75578,0.99175c-0.36361,0.623 -0.36361,1.39351 0,2.01651c0.36361,0.623 1.0345,1.00195 1.75578,0.99175h40c0.72127,0.0102 1.39216,-0.36875 1.75578,-0.99175c0.36361,-0.623 0.36361,-1.39351 0,-2.01651c-0.36361,-0.623 -1.0345,-1.00195 -1.75578,-0.99175z"></path></g></g></svg>');
      padding: 25px 0;
    } */
    .mob-btn{
      display: block;
    }
    .web-btn{
      display: none;
    }
    header .navbar-nav{
      text-align: center;
    }
    .modal-footer{
    position: absolute;
    top: 63%;
    left: 20%;
  }
}