avacostnavacostnhome/puthuppa/public_html/responsive.css 0000644 00000016453 15160440302 0014557 0 ustar 00 @charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1025px)
{
#donate
{
width: 80%;
}
.gallery li
{
width: 33.33333%;
margin: 0 0 3% 0;
}
.gDiv
{
margin: 5px;
}
.nav, .nav ul
{
display: none;
}
#MmMenu
{
display: block;
}
}
@media only screen and (max-width:769px)
{
.candle-left
{
left: -50%;
}
.candle-right
{
right: -50%;
}
.tbbg
{
background: url(css/elements/banner-bg.png) repeat;
}
.sliderDiv
{
background: url(img/slider/puthuppally-pally-slider-small.jpg) no-repeat center center;
}
.roundDiv, #slide-desc, #slid3
{
left: 0;
right: 0;
}
.servDv
{
margin-left: -2%;
}
.servDv2
{
width: 4%;
}
.servDv1
{
width: 34%;
}
.servDv3
{
width: 8%;
}
.servDv4
{
width: 33%;
}
.pPally
{
font-size: 30px;
}
.h3
{
font-size: 20px;
}
.shead
{
top: -60px;
padding: 10px 15px 15px 15px;
width: 260px;
}
.shead div
{
font-size: 15px;
}
.mCommitte li
{
width: 32%;
}
.isotope .elemnt
{
width: 100%;
}
#music li
{
width: 50%;
}
.calendar
{
-webkit-transform: scale(0.8);
-webkit-transform-origin: 0 0;
-moz-transform: scale(0.8);
-moz-transform-origin: 0 0;
-ms-transform: scale(0.8);
-ms-transform-origin: 0 0;
-o-transform: scale(0.8);
-o-transform-origin: 0 0;
transform: scale(0.8);
transform-origin: 0 0;
}
.latestRead
{
text-align: center;
}
.latestRead li
{
width: 100%;
}
.vprofile
{
width: 50%;
}
.timing li
{
width: 100%;
min-height: 0;
}
.hdfc-donate
{
right: -3px;
}
#social
{
text-align: center;
position: relative !important;
}
#social a
{
float: none !important;
display: inline-block !important;
}
.cpy
{
text-align: center !important;
margin-bottom: 10px !important;
}
.hit-cou a
{
margin-left: 0px !important;
}
}
@media only screen and (max-width:642px)
{
.landhd .h1
{
font-size: 30px;
}
.servDv1
{
width: 35%;
}
.servDv
{
margin-left: -4%;
}
.cpy
{
font-size: 11px;
}
.servDv
{
width: 100%;
display: block;
margin: 0;
padding: 0;
}
.srv
{
margin: 0;
padding: 0;
width: 100%;
height: auto;
border: none;
margin-top: 30px;
}
.srv div
{
position: static;
margin: 0;
margin: 0 auto;
border: none;
}
.servBdv1, .servBdv2, .srv div span
{
display: none;
}
.srv div
{
background-size: contain;
width: 180px;
height: 206px;
}
.slider-cnt
{
margin-top: 15px;
}
.slider-arrows
{
display: none;
}
.roundDiv, #slide-desc, #slid3
{
transform: scale(0.8);
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
}
.mCommitte
{
text-align: justify;
}
.mCommitte li
{
width: 47%;
}
.contact-form, .contact-address
{
width: 100%;
margin: 0;
margin-bottom: 10px;
}
#donate
{
width: 100%;
}
.gallery li
{
width: 50%;
margin: 0 0 3% 0;
}
.gDiv
{
margin: 10px;
}
.calendar
{
-webkit-transform: scale(0.7);
-webkit-transform-origin: 0 0;
-moz-transform: scale(0.7);
-moz-transform-origin: 0 0;
-ms-transform: scale(0.7);
-ms-transform-origin: 0 0;
-o-transform: scale(0.7);
-o-transform-origin: 0 0;
transform: scale(0.7);
transform-origin: 0 0;
}
.hdfc-donate
{
right: 0;
}
}
@media only screen and (max-width:580px)
{
.hdfc-donate a
{
font-size: 12px;
}
.streamFrame
{
display: block;
}
.streamFrame iframe
{
max-width: 100%;
height: 240px;
}
.poparticle .container
{
padding: 0 30px;
}
.landLandOver
{
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.landLandOver::scrollbar
{
display: none;
}
.landLandOver::-webkit-scrollbar
{
display: none;
}
.landLandOver::-moz-scrollbar
{
display: none;
}
.landLandOver::-ms-scrollbar
{
display: none;
}
.landLandOver::-o-scrollbar
{
display: none;
}
.candle-left, .candle-right
{
width: 100px;
height: 131px;
background: url(img/content/candle.png) no-repeat;
background-size: contain;
}
.flameOut
{
top: -48px;
transform: scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
}
.landhd .h1
{
font-size: 26px;
}
}
@media only screen and (max-width:482px)
{
.streamFrame iframe
{
height: 202px;
}
.cpy, .cpy a
{
line-height: 24px;
text-align: left;
}
.pPally.tb
{
font-size: 20px;
}
.shead
{
top: -80px;
padding: 10px 15px 20px 15px;
width: 80%;
background-color: rgba(13, 39, 54, 0.9);
}
#sBanner .sbanner
{
display: none;
}
#sBanner .sbanner-small
{
display: block;
}
.hShadow
{
height: auto;
width: 70% !important;
left: 0;
}
.p-w-i .imgDv
{
width: 100%;
margin: 0;
margin-bottom: 10px;
}
.gDiv .g-dv
{
height: 140px;
}
#music li
{
width: 100%;
}
#music
{
padding: 20px 0;
}
.calendar
{
-webkit-transform: scale(0.5);
-webkit-transform-origin: 0 0;
-moz-transform: scale(0.5);
-moz-transform-origin: 0 0;
-ms-transform: scale(0.5);
-ms-transform-origin: 0 0;
-o-transform: scale(0.5);
-o-transform-origin: 0 0;
transform: scale(0.5);
transform-origin: 0 0;
}
.vprofile
{
width: 80%;
}
.vpdetails h5
{
font-size: 18px;
padding-bottom: 5px;
}
.vpdetails h6, .vpdetails p.ico
{
font-size: 14px;
padding-bottom: 10px;
}
.vpdetails p
{
font-size: 15px;
padding-bottom: 5px;
}
}
@media only screen and (max-width:360px)
{
.streamFrame iframe
{
height: 124px;
}
.h3
{
font-size: 18px;
}
p{line-height: 18px;}
.hShadow
{
width: 84% !important;
}
.shead
{
width: 90%;
padding-left: 10%;
padding-right: 0;
}
.pPally
{
font-size: 26px;
}
.liveStream
{
top: 54px;
}
.mCommitte
{
text-align: center;
}
.mCommitte li
{
width: 80%;
}
.sec-head div
{
width: 150px;
font-size: 14px;
}
.cpy
{
font-size: 10px;
}
.h3C, .h4
{
font-size: 15px;
padding-bottom: 10px;
}
.pC
{
font-size: 11px;
line-height: 18px;
text-align: center;
}
.mcmtDv h5, .mcmtDv h6
{
font-size: 12px;
padding-bottom: 5px;
}
.subHead h5, .bRead .heading h5, .bRead .heading h6
{
font-size: 13px;
}
p.adress
{
font-size: 12px;
}
#donate ul li.l, #donate ul li.r
{
width: 100%;
}
.no-mb
{
display: none !important;
}
#donate ul li h5
{
padding-bottom: 5px;
font-size: 12px;
}
.port-cnt
{
padding: 150px 15px 15px 15px;
}
.port-cnt .pPic
{
left: 0;
right: 0;
margin: auto;
top: 15px;
display: block;
}
.port-cnt h5
{
font-size: 12px;
}
.button-group .button
{
width: 60%;
margin: 0 auto;
display: block;
text-align: center;
border: none;
font-size: 13px;
}
.button-group .button:hover
{
border: none;
}
#pnav
{
display: block;
}
.button-group
{
display: none;
}
.port-cnt .pPic
{
width: 120px;
height: 120px;
}
.gallery li
{
width: 100%;
}
.gDiv
{
margin: 0;
}
#music li
{
width: 100%;
}
#music li a
{
margin: 0;
padding: 15px 10px 15px 60px;
}
.calendar
{
-webkit-transform: scale(0.33);
-webkit-transform-origin: 0 0;
-moz-transform: scale(0.33);
-moz-transform-origin: 0 0;
-ms-transform: scale(0.33);
-ms-transform-origin: 0 0;
-o-transform: scale(0.33);
-o-transform-origin: 0 0;
transform: scale(0.33);
transform-origin: 0 0;
}
.vprofile
{
width: 100%;
top: -20px;
box-shadow: none;
}
.vprofileDiv
{
background-color: #fff;
overflow-x: hidden;
overflow-y: scroll;
}
.hc3
{
height: 300px;
}
.landhd .h1 {
font-size: 18px;
}
.landhd
{
bottom: -200px;
}
}