@media only screen and (min-width:1441px) and (max-width:1920px){
    .container {padding: 0 15px;}
    #banner .container {bottom: 100px;}
}

@media only screen and (min-width:1366px) and (max-width:1440px){

}

@media only screen and (min-width:1003px) and (max-width:1024px){
    .container-fluid{ padding:0 30px;}
    .navbar a img{max-width: 170px;}
    #main-menu li:first-child{margin-left: 0;}
    #main-menu li{margin-left: 10px;}
    #main-menu li a{padding: 10px 4px;}
    
    #banner{height: calc(100vh - 85px); margin: 85px auto 0;}
    #banner .item{height: calc(100vh - 85px);}
    #banner .banner-text .title{font-size: 3.5rem;}
    #banner .banner-caption .container .row{height: calc(100vh - 85px);}
    
    #inner-banner{margin-top: 85px; height: 300px;}
    #inner-banner .row{height: 300px;}
    .padding{padding: 75px 0;}
    
    #list{column-gap: 20px;}
    #about-temple p br{display: none;}
    


}
@media only screen and (min-width:768px) and (max-width:1003px){
    body {font-size: 1.125rem;}
    #main-menu .navbar-nav li ul.dropdown-menu{width: 100%; box-shadow: none;}
    #main-menu{height: 100vh; overflow-y: scroll;}

    .container-fluid, .container {padding:0 15px;}
    .navbar .container-fluid{margin:0 15px;}

    #main-menu{display: none;}
    #mobile-menu-icon{display: block; right: 15px; top: 30px;}
    .navbar,.navbar.fixed{padding:15px 0; background-color:rgba(255,255,255,1); box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); height: 75px;}
    #wrapper {width: 100%; position: relative; z-index: 1;}
    #mobile-menu {display: block; top: 75px; height: calc(100% - 75px);}
    .navbar a img, .navbar.fixed a img {max-width: 220px; display: block;}
    .navbar a img.reverse {display: none;}

    #banner{padding:0; height: auto; margin: 75px 0 0 0;}
    #banner .item{height: calc(60vh - 75px);}
    #banner .banner-caption .container .row{height: calc(60vh - 75px);}
    #banner .banner-caption .home-title {font-size: 2.85rem; line-height: normal;}
    #banner .banner-caption .home-title span {font-size: 1.50rem;}
    #banner .form-wrap {padding-left: 0;}
    #banner .owl-nav{display: none;}
    #banner .banner-text .sub-title{font-size: 1rem;}
    #banner .banner-text .title{font-size: 2rem; margin-bottom: 20px;}

    #inner-banner{margin-top: 75px; height: 260px;}
    #inner-banner .row{height: 260px;}

    #temple-history{height: 700px;}


    .padding,.padding100 {padding: 75px 0;}
    .pt100{padding-top: 75px;}
    .pb100{padding-bottom: 75px;}

    h1{font-size:3.0625rem; margin-bottom: 0;}

    h2.title {font-size: 2rem;}

    #list{column-count: 3; column-gap: 50px;}
    #about-temple p br{display: none;}
}

@media only screen and (min-width:320px) and (max-width:767px){

    #main-menu .navbar-nav li ul.dropdown-menu{width: 100%; box-shadow: none;}
    #main-menu{height: 100vh; overflow-y: scroll;}

    .container-fluid, .container {padding:0 15px;}
    .navbar .container-fluid{margin:0 15px;}

    #main-menu{display: none;}
    #mobile-menu-icon{display: block;}
    .navbar,.navbar.fixed{padding:10px 0; background-color:rgba(255,255,255,1); box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); height:60px;}
    #wrapper {width: 100%; position: relative;}
    #mobile-menu {display: block;}
    .navbar-brand{margin-left: 15px;}
    .navbar a img, .navbar.fixed a img {max-width: 190px; display: block;}
    .navbar a img.reverse {display: none;}
    .navbar .container{position: relative;}

    #banner{padding:0; height: auto; margin: 60px 0 0 0;}
    #banner .item{height: calc(100vh - 60px)}
    #banner .banner-caption .container .row{height: calc(100vh - 60px)}
    #banner .banner-caption .home-title {font-size: 1.775rem; line-height: normal;}
    #banner .banner-caption .home-title span {font-size: 1.15rem;}
    #banner .form-wrap {padding-left: 0;}
    #banner .owl-nav{display: none;}
    #banner .banner-text .sub-title{font-size: 1rem;}
    #banner .banner-text .title{font-size: 2rem; margin-bottom: 20px;}
    .form-wrap .form-control{border: none; }

    #about-panditji .pic{margin-bottom:30px;}
    #services h2.title{margin-bottom: 30px;}

    #services .shiv-swaroop-mangal ul{margin-top: 0;}

    #contact-form-panel form{margin: 0 !important;}
    #footer{padding: 15px 0; font-size: 0.85rem;}
    #footer .divider{display: none;}
    #footer .design-by{display: block;}

    .padding,.padding100{padding:50px 0;}
    .pt100{padding-top: 50px;}
    .pb100{padding-bottom: 50px;}
    .btn-cust{margin-top:20px;}
    h2.title{margin: 0 0 30px; font-size: 1.60rem}
    h2.title span{font-size: 1.15rem;}

    #inner-banner{margin-top: 60px; height: 120px;}
    h1{font-size: 1.775rem;}
    #inner-banner .row{height: 120px;}

    #temple-history{height: 700px; }

    #grah-list .row{margin-top: 50px;}
    #grah-list h2.title{margin-top: 15px;}
    #list{column-count: 1;}
    #about-temple p br{display: none;}

    #gallery .item img{width: 100%;}
    #services .item span.text{font-size: 1.15rem;}
    #services .shiv-swaroop-mangal ul li{max-width: 100%;}
    #services .shiv-swaroop-mangal h3{font-size: 1.25rem; margin-bottom: 30px;}
    #services .shiv-swaroop-mangal .modal h3{margin-bottom: 0;}
    #about-temple .about-text{font-size: 1.25rem;}
    #temple-campus p{font-size: 1.115rem}

    #contact .address-block{margin-bottom: 30px;}
    #contact .address-block h4{margin-top: 30px;}
}

@media only screen and (min-width:320px) and (max-width:480px){

}