@media only screen and (max-width: 768px) {
.breadcrumb.margin-top-10 {margin-top:0px;}
.page-title-wrap-inner{padding:134px 0 10px;}
#banner{
    width:100%;height:400px;
}
.blog-list .blog-thumb img{
    max-width: 100%;height:410px;
}
.side-noimg img{    
    height: 60px;
    width: 90px;}
.mobile-header-items{margin-left:0px!important;}

.mobile-header-items li a img{width:150px;}
.mobile-header{height:80px!important;}
.mobile-header-items > li{line-height:105px!important;}
.carousel-caption h4{font-size:15px;margin-bottom:10px;}
    .carousel-caption h3{font-size:25px;margin-bottom:10px;}
    .carousel-caption .btn{
        padding: 10px 24px;font-size:10px;}
        
.eventimg{width:100%;height:205px;}
.pad-left-15{padding-left:5px;}
.aboutusimg{width:100%;height:590px;object-fit: cover;}
.aboutusimg1{display: none;}
.pad-left-50{padding-left:0px;}
.sticky-outer .header-sticky{display: none;}
.blog-title h4,
.event-title h5,
.blog-details p{height:auto;}

.mobile-header-items li a img {
    width: 92px;
    height: 65px;
    object-fit: contain;
    margin-bottom: 11px;
    border-radius: 7px;
}
}

@media only screen and (max-width: 999px) {
    
.mobile-header{height:100px!important;}
.mobile-header-items > li{line-height:105px!important;}
.aboutusimg1{display: none;}
.blog-title h4,
.event-title h5,
.blog-details p{height:auto;}
.sticky-outer .header-sticky{display: none;}
.mobile-header-items li a img {
    width: 119px !important;
    height: 84px;
    object-fit: contain;
    margin-bottom: 0px;
    border-radius: 7px;
}
}

@media only screen and (max-width: 1024px) {
    .page-title-wrap-inner {
        padding: 132px 0 25px;
    }
    .pad-left-50{padding-left:10px;}
    .aboutusimg1{display: none;}
    .blog-list .blog-thumb img{
        max-width: 100%;height:310px;
    }
    .side-noimg img{    
        height: 60px;
        width: 90px;}
.eventimg{width:100%;height:180px;}
.carousel-caption h4{font-size:15px;margin-bottom:10px;}
.carousel-caption h3{font-size:30px;margin-bottom:10px;}
.carousel-caption .btn{
    padding: 10px 24px;font-size:10px;}
    #banner{
        width:100%;height:400px;
    }
.mobile-header-items{margin-left:0px!important;}

.mobile-header-items li a img{width:150px;}

.carousel-control-next, .carousel-control-prev{top:45px;}
.mobile-header{height:100px!important;}
.mobile-header-items > li{line-height:105px!important;}

.aboutusimg1{width:100%;height:566px;object-fit: cover;}

.sticky-outer .header-sticky{display: none;}
.blog-title h4,
.event-title h5,
.blog-details p{height:auto;}
}

@media only screen and (max-width: 575px) {
    .sticky-outer .sticky-head, .sticky-outer .sticky-scroll {
        height: 75px;
    }
    .justify-content-end{justify-content: left!important;}
    #breadcrumb{display:none;}
    .page-title-wrap-inner{padding:103px 0 54px;}
    .blog-list .blog-thumb img{
        max-width: 100%;height:180px;
    }
    .side-noimg img{    
        height: 60px;
        width: 90px;}
.eventimg{width:100%;height:205px;}
    section {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    h2{font-size:25px!important;}
    #banner{
        width:100%;height:210px;
    }
    .pad-top-15{padding-right:0px!important;}
    #section-about{background-image: none!important;}
    
    .carousel-caption h4{font-size:12px;margin-bottom:0px;}
    .carousel-caption h3{font-size:15px;margin-bottom:0px;}
    .carousel-caption .btn{
        padding: 10px 24px;font-size:10px;}
.mobile-header-items > li{line-height:75px!important;}
.mobile-header{height:65px!important;}
    .mobile-header-items li a img{width:100px;}
    .knowmore-btn{font-size:12px;padding:7px 12px;}
    .mobile-header-items{margin-left:0px!important;}
    .carousel-caption{top:30%!important;}
    .carousel-control-next, .carousel-control-prev{top:45px;}
    .aboutusimg{width:100%;height:300px;object-fit: cover;}
.aboutusimg1{width:100%;height:510px;object-fit: cover;}

.sticky-outer .header-sticky{display: none;}
.blog-title h4,
.event-title h5,
.blog-details p{height:auto;}
#grid{    
    font-size: 12px;
    grid-template-columns: minmax(150px, max-content) repeat(auto-fill, 196px) 20%;
    display: grid;
}
p{font-size: 12.5px;line-height: 22px;}
h1.page-title{font-size:20px;}
.page-title-wrap-inner{padding:112px 0 50px;}
}