.home-pgtitle{font-weight: normal;font-size:25px;line-height:1.3;text-transform:uppercase;text-align:center;font-family: "Open Sans",sans-serif;color: #000;}
.homepagepera{color: #ffffff;font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 300;line-height: 1.7;color: #000;}


/*body.hidescroll { overflow-y: hidden; }*/

.banner-top .slick-next  {
    width: 44px;
    height: 44px;
    background: url(https://www.runwal.com/images/mob-nxt-arw1.png) no-repeat left top;
    transform: translateY(-50%);
    right: 2% !important;
    top: 57%;
}

.banner-top .slick-prev {
    width: 44px;
    height: 44px;
    background: url(https://www.runwal.com/images/mob-prv-arw.png) no-repeat left top;
    left: 2% !important;
    top: 57%;
    
}

.desk-view_bulildingdetails {
    width: 100%;
    display:block;
}

.mob_bulildingdetails {
    width: 100%;
    display:none;
}

/*.bulildingdetails{padding:40px 0; padding-top:50px;background:url(https://www.runwal.com/images/building-bg.jpg) no-repeat bottom center;}*/
/*.bulildingdetails{padding:40px 0; padding-top:50px;background:url(https://www.runwal.com/images/runwal-web-creative-02.jpg) no-repeat bottom center;}*/
.bulildingdetails .home-pgtitle{padding: 0px 0px 50px 0px;color: #000000;}
.bulildingpic{max-width: 1194px;width: 98%;margin: 0 auto;}
.bulildingpic img{width: 100%;display: block;}
.bulildingdetails-main{background: #f1f2f4;}
.project-devlopwrap{background: #000000;padding: 76px 0;}
.project-devlopwrap .home-pgtitle{color: #ffffff;}
.project-devlopcont .homepagepera{margin: 0 auto;width: 70%;padding: 40px 0px 0px;color: #fff;text-align: center;}
.projectsilder-wrap{padding: 70px 0px 0px 0px;}
.prject-sidercont {
    display: flex;
    flex-wrap: nowrap;justify-content: space-between;align-items: center;
}
.prjectpic-left {
    width: 50%;position: relative;
}
.prjectpic-left img{display: block;width: 100%;}
.prjectcont-right{width: 45%;}
.prjectcont-right .home-pgtitle{text-align: left;color: #bc8b2d;display: inline-block;background: #000000;padding: 10px 15px 10px 0px;position: relative;}
.prjectcont-right .homepagepera{text-align: left;padding: 30px 0px 0px 0px;color: #fff;}

.prjecttitle{position: relative;}
.prjecttitle:before{content: "";position: absolute;top:50%;left:0;width: 95%;background: #bc8b2d;height: 1px;}
.prjecttype{position: absolute;top:15%;left:0px;font-family: "Open Sans",sans-serif;padding: 10px 17px;text-transform: uppercase; border: 1px solid #000000;color: #000000;font-size: 16px;}

.projectsilder .slick-dots li.slick-active button:before {opacity: 1;color: #bc8b2d;background: #bc8b2d;}
.projectsilder .slick-dots li button:before {background: #bc8b2d;border-radius: 50%;font-size: 0px;line-height: 0px; width: 12px; height: 12px;}
.projectsilder .slick-dots {bottom: -50px;}
.projectsilder .slick-dots li{width: 12px;height: 12px;background: #4d5f75;border-radius: 50%;}
.projectsilder .slick-dots li button:hover, 
.projectsilder .slick-dots li button:focus {color: #bc8b2d;}

.leadshipwrap{background: #f1f2f4;padding: 70px 0px;}
.leadership-details{display: flex;flex-wrap: nowrap;justify-content: space-between;text-align: center;}
.leadership-left{width: 48%;}
.leaderpic{text-align: center;}
.leaderpic img{display: block;margin: 0 auto; width: 400px; height: auto;}
.leadership-left .home-pgtitle{ color: #bc8b2d;padding: 45px 0px 0px 0px;font-family: "Open Sans",sans-serif;}
.designation-text{font-size: 16px;color: #000000;font-family: "Open Sans",sans-serif;padding: 10px 0px 0px 0px;line-height: 1.2;}
.leadership-left .homepagepera{padding: 30px 0px 0px 0px;font-family: "Open Sans",sans-serif; max-width: 80%; margin:0 auto;}
.leadership-details{padding: 60px 0px 0px 0px;}
.customer-videowrap{padding: 70px 0px;}
.customer-cont{position: relative;}
.customer-cont .home-pgtitle{padding: 0px 0px 0px 0px; margin:30px 0;}
.videotext{text-align: center;}
.video-pic{position: relative;}
.videobutten{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.videobutten > img { width:60px; height: auto; }
.video-title{font-size: 20px;color: #000000;font-family: "Open Sans",sans-serif;font-weight: 400;padding: 40px 0 0 0;}
.video-name{font-size: 16px;color: #000000;font-family: "Open Sans",sans-serif;font-weight: normal;padding: 10px 0 0 0;}

.speck-slider .slick-next {
    width: 10px;
    height: 19px;
    background: url(https://www.runwal.com/images/next-icon.png) no-repeat left top;
       transform: rotate(-180deg);
   right: 37%;
top: auto;
bottom: -62px;
}

.speck-slider .slick-prev {
    width: 10px;
    height: 19px;
   
    background: url(https://www.runwal.com/images/next-icon.png) no-repeat left top;

     left: 37%;
top: auto;
bottom: -74px;
    
}
.videoicon-right{font-size: 18px;color: #bc8b2d;font-family: "Open Sans",sans-serif;text-transform: uppercase;padding: 0 0 0 10px;}
.videoicon-cont {
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    padding: 40px 0 0 0;
}

.speck-slider .slick-slide{opacity: 0.5;}
.speck-slider .slick-slide.slick-active{opacity: 1;}

.footer_btm .social-links { text-align: center; }


.slick-slide img.mob-only { display: none; }

.eqbutn { position: absolute; right: 12%;}
.eqbutn a {
    background: #bc8b2e;
    padding:10px 20px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 5px;
}
.eqbutn { right: 170px }


@media (max-width: 768px){
    .eqbutn { right: 100px }

    .slick-slide img.mob-only { display: block; }
    .slick-slide img.desk-only { display: none; }
.videobutten > img { width: 45px; }
    .mgmenu > li a {
    padding-bottom: 5px;
    display: table;
    margin:0 auto;
}



    .video-title,.video-name,.videoicon-right { font-size: 16px; }
    .videoicon-left > img { width: 30px; height: auto; }
    .speck-slider .slick-prev { left: 20%; }
    .speck-slider .slick-next { right: 20%; }
    
    .prjectpic-left,.prjectcont-right { width: 100%; float: none; }
    .prject-sidercont { display: block; }
    .leadership-left { float: none; width: 100%; }
    .leadership-details { display: block; }
    .leadership-left .homepagepera { padding-bottom: 30px; }
    .footer_btm .social-links { width: 80%; padding-top: 10px; padding-bottom: 10px;}


.project-devlopwrap, .customer-videowrap, .leadshipwrap{padding:10% 0;}
.home-pgtitle {font-size: 20px;font-weight: normal;}
.bulildingdetails .home-pgtitle {padding: 0px 0px 10% 0px;}
.project-devlopcont .homepagepera {padding: 8% 0% 0% 0%;width: 95%;}
.prjecttype {padding: 1% 4%;font-size: 13px;}
.projectsilder-wrap {padding: 10% 0% 0% 0%}
.prjectcont-right{padding: 5% 0% 0% 0%;}
.prjectcont-right .homepagepera {padding: 2% 0% 0% 0%;}
.customer-cont .home-pgtitle{padding: 0% 0% 8% 0%;}
.leadership-details{padding: 10% 0% 0% 0%;}
.leadership-left + .leadership-left{padding-top:10%;border-top:1px solid #000;}
.leadership-left .homepagepera {width: 95%;max-width: 95%;}


a.scrolldown {transform:translate(-50%,130%);margin-bottom: 15%;}
.eqbutn {top: 33px;}
.eqbutn a {
    font-size: 13px;
    padding:10px;
}

   
}
@media (max-width: 480px){
    .speck-slider .slick-prev { left: 30px;}
    .speck-slider .slick-next { right: 30px;}
    .Page .Page_Name { font-size:16px !important; }
    a.scrolldown {margin-bottom: 10%;}
    
    .mob_bulildingdetails {
        display:block !important;
    }
    .desk-view_bulildingdetails {
        display:none !important;
    }
}

/* new css added on 12 june */
.scrolling-text { 
    position: absolute;
    width: 100%;
    bottom: -34px;
}
a.scrolldown { -webkit-animation: mymove 1.05s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 1.05s infinite;position: absolute; left: 50%; 
    transform: translate(-50%,-120%); font-size: 18px;}

a.scrolldown i {
  border: solid #ab812d;
  border-width: 0 4px 4px 0;
  display: table;
  padding: 3px;
  text-align: center;
  margin: 0 auto;
    transform: rotate(45deg);
  -webkit-transform: rotate(45deg);

}
.videotext span { font-size: 16px; padding: 10px; display: block;}

@-webkit-keyframes mymove {
    from {bottom: 0px;}
    to {bottom: 8px;}
}

@keyframes mymove {
    from {bottom: 0px;}
    to {bottom: 8px;}
}

@media (max-width: 375px){
    a.scrolldown {margin-bottom:60%;}
}

/* new css added on 30th aug 2022 */
@media (max-width: 480px){
    .project-devlopwrap .independence_chakari1 {
        position: absolute; 
        top: 16px !important; 
        width: 67px !important;
        right: 20px !important;
        z-index: 99 !important;
    }
    .project-devlopwrap .independence_chakari12 {
        position: absolute; 
        top: 16px !important; 
        width: 67px !important;
        left: 20px !important;
        z-index: 99 !important;
    }
    .project-devlopwrap .independence_chakari {
        position: absolute; 
        bottom: 11px !important; 
        width: 64px !important;
        right: 13px !important;
        z-index: 99 !important;
    }
    
    .customer-videowrap .bird-r {
        position: absolute; 
        right: 15px !important;
        bottom: 36px !important;
        width: 23px !important;
        z-index: 999;
    }
    
    .leadshipwrap .chakart-mob{
        position: absolute; 
        top: 0 !important; 
        width: 70px !important;
        left: 20px !important;
        z-index: 999;
    }
    
    .leadshipwrap .mob-crackers1{
        position: absolute; 
        bottom: 15px !important;
        width: 72px !important;
        right: 50px !important;
    }
    
    .customer-videowrap .mob-crackers2{
        position: absolute;
        top: 80px !important;
        width: 27px !important;
        left: 80% !important;
    }
    
    .customer-videowrap .mob-kabutar_left{
        position: absolute;
    top: 0px !important;
    width: 71px !important;
    /* left: 4px !important; */
    z-index: 999;
    }
    
    .mob-crackers3 {
        position: absolute; 
        bottom: 82px !important;
        width: 60px !important;
        right: 29px !important;
    }
    
    .mob-flag {
        position: absolute;
        top: -16px !important;
        width: 115px !important;
        z-index: 99 !important;
        left: -10px !important;
    }
}

.flagIndia{
    background-image: url(/images/ind_new/MaskGroup11.png),url(/images/ind_new/MaskGroup12.png);
    background-position: top left, right bottom ;
    background-repeat: no-repeat;
    background-size: 302px;
}


.flagBands{
    background-image: url('/images/ind_new/MaskGroup1.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 302px;
}

.flagBandsright{
     background-image: url('/images/ind_new/MaskGroup2.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 302px;
}

.birdorange{
    position:absolute;
    top: 50px;
    right: 50px;
    width:100px;
}

.birdwhite{
       position: absolute;
    top: 168px;
    right: 50px;
    width: 139px;

}

.birdgreen{
    position: absolute;
    top: 299px;
    right: 50px;
    width: 100px;
}

.divindialine{
    text-align:center;
    margin:25px 0;
}

.twostars{
    position: absolute;
    top: 299px;
    right: 50px;
    width: 80px;
}

@media (max-width: 760px){ 
    .flagBandsright{
     background-image: url('/images/ind_new/MaskGroup2.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 109px;
}

.flagBands{
    background-image: url('/images/ind_new/MaskGroup1.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 109px;
}

.flagIndia{
    background-image: url(/images/ind_new/MaskGroup11.png),url(/images/ind_new/MaskGroup12.png);
    background-position: top left, right bottom ;
    background-repeat: no-repeat;
    background-size: 121px;
}

.birdorange{
    position:absolute;
       top: 93px;
    right: 243px;
    width: 41px;
}

.birdwhite{
       position: absolute;
    top: 79px;
    right: 152px;
    width: 80px;

}

.birdgreen{
    position: absolute;
   top: 93px;
    right: 105px;
    width: 41px;
}

.twostars{
    position: absolute;
    top: 111px;
    right: 31px;
    width: 25px;
}

}


