.hide-420{display:block!important}
.show-420{display:none!important}
.hide-480{display:block!important}
.show-480{display:none!important}
.hide-640{display:block!important}
.show-640{display:none!important}
.hide-768{display:block!important}
.show-768{display:none!important}
.hide-800{display:block!important}
.show-800{display:none!important}
.hide-930{display:block!important}
.show-930{display:none!important}
.hide-1140{display:block!important}
.show-1140{display:none!important}
.landing-page{height:auto;padding-top:60px;color:#a6a6a6;width:100%;float:left}
.profile-pic{position:absolute;width:150px;bottom:-50px;left:5%;border:2px solid #F2F2F2}
.profile-pic img{float:left;width:100%}
.landing-dis{color:#ffffff;margin:40px 2%;width:96%;font-size:19px;float:left;border-bottom:1px solid #ffffff;padding-bottom:40px;text-shadow:2px 2px 2px rgba(0,0,0,0.47)}
.play-icon{position:absolute;top:0;left:0}
.video-title-dis > h1{font-size:16px;float:left;width:100%;margin:5px 0;color:#7F7F7F}
.video-title-dis > h3{font-size:12px;float:left;width:100%;margin:0;color:#7F7F7F}
.video-cont{width:100%;float:left;padding:5px}
.grid-me-flip{position:relative;min-height:1px;padding-right:3px;padding-left:3px;width:14.2%;float:left;margin-bottom:6px}
.flip-dis{position:absolute;top:40px;color:#bdbdbd;width:100%;font-size:12px;padding:0 10px;height:257px;overflow:hidden}
.about-text-ode{font-size:18px;float:left;width:100%;color:#ffffff;text-align:center;padding:0 225px;margin-bottom:60px}
.about-text-ode2{font-size:18px;float:left;width:100%;color:#ffffff;text-align:center;padding:60px 225px 0;margin-bottom:60px}
.about-text-ode2 b{font-size:25px;color:#fff134}
@media only screen and (max-width: 1140px) {
.who-we-are{overflow:auto;padding-top:90px;padding-bottom:50px}
.services{padding-top:90px;overflow:auto;padding-bottom:50px}
.joinus{padding-top:90px;overflow:auto;padding-bottom:50px;padding-bottom:120px}
.hide-1140{display:none!important}
.show-1140{display:block!important}
.play-icon{width:50px}
.flip-dis{height:190px}
.about-text-ode{padding:0}
.about-text-ode2{padding:60px 0 0}
}
@media only screen and (max-width: 930px) {
.hide-930{display:none!important}
.show-930{display:block!important}
.profile-pic{position:absolute;width:110px;bottom:-40px}
}
@media only screen and (max-width: 800px) {
.hide-800{display:none!important}
.show-800{display:block!important}
}
@media only screen and (max-width: 768px) {
.hide-768{display:none!important}
.show-768{display:block!important}
.landing-page{padding-top:47px}
.intro-section{float:left}
.who-we-are{height:100%;background:#f2f2f2;color:#6D6D6D;float:left;width:100%}
.joinus{height:100%;background:#cad0d2;color:#2a2d2e;float:left;width:100%}
.Brand-Connect{height:100%;padding-top:0;background:#374043;color:#ffffff;float:left;width:100%}
.navbar-default{background-color:rgba(0,0,0,1)}
.logo{margin:5px 0 0}
.who-we-are{padding-top:60px}
.services{padding-top:60px}
.joinus{padding-top:60px}
.grid-me-flip{width:33.1%}
.container-mom{padding-top:56px}
}
@media only screen and (max-width: 641px) {
.hide-640{display:none!important}
.show-640{display:block!important}
.about-text-ode{font-size:16px}
.about-text-ode2{font-size:16px}
.profile-pic{width:100px;bottom:-30px}
}
@media only screen and (max-width: 480px) {
.hide-480{display:none!important}
.show-480{display:block!important}
.small-heading-main{font-size:20px}
.big-heading-main{font-size:35px}
.profile-pic{width:85px;bottom:-30px}
.landing-name-head{font-size:24px;line-height:25px;padding-top:30px}
.hum-pagal-hai{font-size:15px;bottom:20%}
.profile-pic{border:1px solid #F2F2F2}
.about-text-ode{font-size:14px}
.about-text-ode2{font-size:14px}
.landing-name-head > small{padding-bottom:15px}
}
@media only screen and (max-width: 420px) {
.hide-420{display:none!important}
.show-420{display:block!important}
.profile-pic{width:60px;bottom:-20px}
.video-title-dis > h1{font-size:14px}
.video-title-dis > h3{font-size:10px}
.video-bol-main{padding:5px}
.play-icon{width:30px}
.flip-dis{display:none}
.oter{bottom:65px}
.ss-flip-icon{float:none}
.Know-More{width:100%;margin-top:5px}
.flip-title a{font-size:14px}
.flip-title{bottom:-155px;top:initial}
}
@media only screen and (max-width: 400px) {
.ss-xs-full{width:100%!important;padding:0!important;margin:0!important}
.popi-heading{margin-top:10px;line-height:27px}
.pop-text-detail{margin-bottom:20px}
.grid-me-flip{width:50%}
}
@media only screen and (max-width: 350px) {
.ss-xs-full{width:100%!important;padding:0!important;margin:0!important}
}