@media screen and (min-width:1440px){
.comm-head:after,
.row.flex-row-reverse .comm-head:after {
	width: 60px;
    left: -80px;
}
}
@media screen and (max-width:1024px){
.yt-live{
	width: 100%;
}
.gallery-col a{
	height: 120px;
}
.temple-name {
    font-size: 14px;
}
.comm-head:before,.comm-head:after{
	display: none;
}
.comm-head {
    font-size: 26px;
}
.banner {
    height: 60vh;
}
.history-info, .pooja-info{
	padding: 0;
}
.history-img img{
	height: auto;
}
.gallery-col {
    padding: 0 5px;
}
.gallery-col a:not(:last-child) {
    margin-bottom: 10px;
}
.banner-caption h1 {
    font-size: 40px;
}
.banner-caption p {
    font-size: 18px;
}
.cont-box {
    padding: 30px;
    min-height: auto;
}
}
@media screen and (min-width:991px) and (max-width:1024px){
}
@media screen and (min-width:768px) and (max-width:1024px){
section, footer {
    padding: 60px 0;
}
}
@media screen and (min-width:768px) and (max-width:991px){
}
@media screen and (max-width:991px){
}
@media screen and (max-width:767px){
section, footer {
    padding: 30px 0;
}
.banner-caption h1 {
    font-size: 25px;
}
.banner-caption p {
    font-size: 14px;
}
.yt-live a{
	margin: 0 0 20px;
}

}
@media screen and (min-width:480px) and (max-width:767px){	
}
@media screen and (max-width:479px){
header .btn.outline-primary {
    font-size: 13px;
    min-height: inherit;
}
}
@media screen and (min-width: 320px) and (max-width: 400px){
}