@media only screen and (max-width: 1025px) {
    .container {
        width: 94%;
        margin: 0 3%;
    }

    nav ul li a {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
}
nav ul li {
    display: inline-block;
    margin-right: 9px;
    list-style: none;
}
.logo figure {
    float: left;
    margin-bottom: 5px;
    margin-left:0px;
}
.logo h1 {
    float: left;
    font-weight: bold;
    color: #fff;
    font-size: 27px;
    margin-left: 304px;
}
.banner_right_content {
    float: left;
    width: 503px;
    margin-left: 67px;
    margin-top: 10px;
    text-align: center;
}
.banner_right_content h4 {
    width: 100%;
    float: left;
    color: #f7cc0a;
    margin-top: 1px;
    margin-bottom: 14px;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
}

.ghar_pathshala label {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #fff;
}

.philosophy figure{width:100%;float:left;height:200px;background:#000;border-radius:50%;}

.philosophy figure img{width:100%;height:200px;-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0 0 8px rgb(0 0 0 / 50%);}

.darshan {
    width: 100%;
    float: left;
    overflow:scroll;
    overflow-y:hidden;
    margin-left:0%;
}

.darshan_none{display:block;}

.darshan_block{display:none;}

.search_bar_content {
    width:93%;
    float: left;
    height: 50px;
    margin-left:0%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
.add_mobile_banner{width:100%;float:left;margin-bottom:20px;display:block;}

.add_pic{width:100%;float:left;margin-bottom:30px;display: none;}
   
}
@media only screen and (max-width: 979px) {
    .container {
        width: 93%;
        margin: 0 3%;
    }
    .logo figure {
    float: left;
    margin-bottom: 5px;
    margin-left:0px;
    width:20%;
}
.logo figure img{width:100%;}
.logo h1 {
    float: left;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    margin-top:70px;
    margin-left:26px;
}
.logo {
    float: left;
    text-align: center;
    margin-top: -65px;
    width:59%;
}
.menu_content {
    width: 100%;
    float: left;
    background:none;
    padding:0px 0px;
    margin-top: 0px;
    text-align: center;
}

.banner_right_content {
    float: left;
    width: 424px;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
}

.banner_logo {
    float: left;
    padding: 10px 0px;
    width: 35%;
    margin-top:61px;
}
.copy_right p {
    float: left;
    margin-bottom: 0px;
    font-size: 12px;
    color: #fff;
    width:100%;
    text-align:center;
}
.copy_right span {
    float: right;
    margin-bottom: 0px;
    font-size: 12px;
    color: #fff;
    width:100%;
    text-align:center;
}
.menu_margin {
    display: inline-block !important;
    margin-left:0px !important;
}
.age_margin{margin:20px 0px 20px 0px;width:100%;float:left;}

.philosophy figure{width:100%;float:left;height:270px;background:#000;border-radius:50%;}

.philosophy figure img{width:100%;height:270px;-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0 0 8px rgb(0 0 0 / 50%);}

    .breadcrumbs_content h1 {
    float: left;
    margin-top: 38px;
    margin-bottom:20px;
    color: #fff;
    font-size:30px;
    width:100%;
    text-align:center;
}
.breadcrumbs_content figure {
    float: right;
    margin-bottom: 0px;
    width:100%;
}

.breadcrumbs_content figure img{width:100%;}

.philosophy_right_content {
    width: 100%;
    float: left;
    background: #f6b603;
    padding: 15px 15px 20px;
    margin-bottom:30px;
}
section.banner_part {
    width: 100%;
    float: left;
    position: relative;
    -webkit-box-shadow: 2px 1px 5px 5px rgb(0 0 0 / 75%);
    -moz-box-shadow: 2px 1px 5px 5px rgba(0,0,0,0.75);
    box-shadow: 2px 1px 5px 5px rgb(0 0 0 / 75%);
    margin-top: -8px;
}
header {
    width: 100%;
    float: left;
    padding: 30px 0px;
    background: #180a39;
}
.copyright_content p {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #fff;
    margin-bottom: 0px;
    text-align:center;
}
.copyright_content span {
    float: right;
    width:100%;
    text-align:center;
    color: #fff;
    margin-top: 0px;
}
.search_bar_content {
    width:91%;
    float: left;
    height: 50px;
    margin-left:0%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

}
@media only screen and (max-width: 767px) {
    .container {
        width: 93%;
        display: block;
        margin: auto;
    }

    .logo h1 {
    float: left;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    margin-top: 70px;
    margin-left: 12px;
}
.logo {
    float: left;
    text-align: center;
    margin-top: -63px;
    width: 59%;
}
.banner_right_content {
    float: left;
    width: 314px;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
}
.banner_right_content h2 {
    width: 100%;
    float: left;
    color: #f7cc0a;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 22px;
    font-weight: bold;
}
.banner_right_content h3 {
    width: 100%;
    float: left;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
}
.banner_right_content span {
    display: inline-block;
    width: 293px;
    height: 78px;
    background:#020355;
    font-size: 16px;
    color: #ffe27a;
    font-weight: bold;
    line-height: 25px;
    padding-top: 13px;
    margin-top:22px;
    border:#9b834c solid 3px;
    border-radius:10px;
}
.banner_right_content p {
    width: 100%;
    float: left;
    color: #fff;
    margin-top: 14px;
    margin-bottom: 0px;
    font-size: 13px;
}
.banner_right_content h4 {
    width: 100%;
    float: left;
    color: #f7cc0a;
    margin-top: 1px;
    margin-bottom: 14px;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
}
.banner_logo {
    float: left;
    padding: 10px 0px;
    width:100%;
    margin-top:0px;
}

.by_clicking button {
    float:left !important;
    width: 40% !important;
    background: #0b0425;
    color: #fff;
    border: none;
    margin-bottom:40px;
    height: 43px;
    border-radius: 5px;
    margin-top: 0px !important;
    font-size: 18px;
    outline: none;
    font-weight: 500;
}

.business_directory figure{width:100%;float:left;margin-bottom:20px;}

.advertisement figure {
    width: 100%;
    float: left;
    margin-bottom:20px;
}

.owl-prev
{float:left;
background-position:left center !important;
position:absolute;
top:125px;
left:0px !important;
line-height:47px;
background:url(../img/prev.png) no-repeat 0px 0px #000 !important;
height:45px; width:35px !important;
color:#000;
text-align:center;
font-size:50px;
}

.owl-next
{float:right;
background-position:right center !important;
position:absolute;
top:125px;
right:0px !important;
height:45px;
line-height:47px;
width:35px !important; 
color:#000;
background:url(../img/next.png) no-repeat 0px 0px #000!important;
font-weight:bold;
text-align:center !important;
font-size:50px;
}

.philosophy figure{width:100%;float:left;height:250px;background:#000;border-radius:50%;}

.philosophy figure img{width:100%;height:250px;-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0 0 8px rgb(0 0 0 / 50%);}

.philosophy_left_content p img {
    float: left;
    margin: 11px 25px 0px 0px;
    width:100px;
    border-radius:50%;
    height: 100px;
    
    box-shadow: 0 0 8px rgb(0 0 0 / 50%);
}

.philosophy_left_content h3 {
    width: 100%;
    float: left;
    font-size: 26px;
    color: #0079c2;
    font-weight: bold;
    margin-bottom: 25px;
}
.search_bar_content {
    width:87%;
    float: left;
    height: 50px;
    margin-left:0%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
.card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
}
section.banner_part{width:100%;float:left;position:relative;-webkit-box-shadow: 2px 1px 5px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 1px 5px 5px rgba(0,0,0,0.75);display:block;
box-shadow: 2px 1px 5px 5px rgba(0,0,0,0.75);margin-top:-256px;}

section.mobile_banner_content{width:100%;float:left;position:relative;-webkit-box-shadow: 2px 1px 5px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 1px 5px 5px rgba(0,0,0,0.75);display:block;
box-shadow: 2px 1px 5px 5px rgba(0,0,0,0.75);margin-top:-4px;}

.mobile_banner_content img{width:100%;}

}
@media only screen and (max-width: 479px) {
    .container {
        width: 100%;
        display: block;
        margin: auto;
    }
.logo {
    float: left;
    text-align: center;
    margin-top:0px;
    width:100%;
}
.logo figure {
    float:left;
    margin-bottom: 5px;
    margin-left: 0px;
    width:27%;
    margin-top:18px;
}
.logo h1 {
    float: right;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    margin-top: 58px;
    margin-left: 0px;
    width: 52%;
    text-align: center;
}



.community_service h5 {
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-bottom: 50px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 14px 0px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.banner_right_content {
    float: left;
    width:100%;
    margin-left:0px;
    margin-top: 10px;
    text-align: center;
}
.philosophy figure{width:100%;float:left;height:300px;background:#000;border-radius:50%;}

.philosophy figure img{width:100%;height:300px;-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0 0 8px rgb(0 0 0 / 50%);}

header {
    width: 100%;
    float: left;
    background: url(../img/head-bg.png) top center;
    background-size: cover;
    padding:19px 0px 10px;
}
.top_header_right_content {
    float: right;
    margin-top:10px;
    margin-bottom: 15px;
    width: 51%;
}

.logo {
    float: left;
    text-align: center;
    margin-top: -89px;
    width: 100%;
}
.top_header_left_link {
    float: left;
    width:100%;
    text-align:right;
}
.top_header_left_link a {
    float: left;
    width:100%;
    text-decoration: none;
    font-size: 12px;
    color: #fff;
    text-align:left;
}
.top_header_right_link a {
    float: left !important;
    text-decoration: none !important;
    font-size:14px !important;
    color: #fff !important;
    margin-left: 15px !important;
    width:35px !important;
    height:35px !important;
    border-radius:50% !important;
    background:#c58902 !important;
    text-align:center !important;
    line-height:34px !important;
    margin-top:14px !important;
    padding-top:11px!important;
}
.community_service h4 {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 28px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}
.community_service h6 {
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-bottom: 0px;
    font-size: 24px;
    color: #fff;
    padding: 14px 0px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    font-weight: bold;
    text-align: center;
}
.search_bar_content {
    width: 79%;
    float: left;
    height: 50px;
    margin-left: 0%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
.card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
}

.logo_left {
    float: left;
    position: relative;
    z-index: 999;
    margin-left:0px;
    margin-top: 11px;
}

}
