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

.banner{
	height:400px !important;
	background-position:center;
	margin-top:-20px;
}
body{
	overflow-x:hidden;  
}	
ul{
	width:100% !important;
}
.sri-button{
	margin-bottom:20px;
}
.sub-header .nav-pills li a{
	padding:5px 5px !important;
}
.navbar .navbar-header .navbar-brand {
    margin-left: 0px !important;
    width: 80%;
    padding: 6px;
    height: 62px;
}
.mynav {
    background-color: #800000 !important;
    border-color: #800000 !important;
}
.three {
    background-color: #fff !important;
    padding: 20px 0px 75px 0px !important;
}	
.dates{
	width:50% !important;
}
.dt-in{
	
}
.three .panel{
	width:100% !important;
	height:100% !important;
	margin-bottom:40px !important;
}	
.three .panel-shcedule {
    height: 365px;
    width: 100%;
}
.three .panel-services h5{
	margin-bottom:0px !important;
	margin-top:0px ;
}
.three .panel .panel-body ul li {
    padding: 0px 2px 0px 3px;
}

.three .panel .panel-body ul {
    list-style-image: url(../images/orng-tick.png);
    background-size: 25px 25px;
    margin: 0px;
    margin-left: 22px !important;
    text-align: left;
    padding: 10px 25px 5px 8px;
}
.three .col-xs-7{
	text-align:right;
}
.three .second-row .panel-donators {
    background: url(../images/letter.png) no-repeat;
    background-size: 390px 310px !important;
    background-position: center;
  
     float: none !important; 
}
.three .second-row .panel-donators #main{
	padding:40px !important;
}

.three .panel-services .panel-body ul {
    list-style-image: url(../images/orng-tick.png);
    background-size: 25px 25px;
    margin: 0px;
    margin-left: 44px !important;
    text-align: left;
    padding: 28px 4px 36px 7px;
}
.three .second-row .panel-services {
    background: url(../images/letter.png) no-repeat;
    background-size: 390px 310px !important;
    background-position: center;
  height:320px !important;
     float: none !important; 
}
.tendor-forms {
    background-color: #fff;
    padding: 35px 0 48px;
}
.tendors-list ul li {
    float: left;
    width: 100%;
    line-height: 2;
    margin: 0px 27px 0;
    font-size: 20px;
}
#updates .update{
	margin-top:20px;
}
#updates .port-7{
	width:100% !important;
	left:0 !important;
}
.updates .updates-list .update-overlay-1 h4{
	padding:20px 0px !important;
}

.updates .updates-list .update-overlay-1 {
    position: relative !important;
    top: -70px !important;
     
    margin:auto !important;
    width: 100% !important;
}

.events{
	height:auto !important;
}


.litural {
    margin: auto !important;
    padding: 0px 0px 0px 0px;
}
.litural .well{

    background: url(../images/letter.png) no-repeat;
    min-height: 260px;
    transition: 1.6s;
    background-size: 100% 100% !important; 
    padding:90px 0px 0px 0px !important;
    margin:auto !important;
    border: none;
    
    text-align: center;
}
.litural h3{
	font-size:20px;
}
.width-150{
	width:150px;
}	
.contact .contact-bg .form-inline{
	margin-right:0px !important; 
}
.tendor-info img{
	width:97% !important;
}
.tendor-info h3 {
    padding-bottom: 9px;
}
.tendor {
    height: 568px;
}
}



/* LOW RESOLUTION TABLETS */


@media (min-width:481px) and (max-width:599px){

.banner{
	height:400px !important;
	background-position:center;
	margin-top:-20px;
}
body{
	overflow-x:hidden;  
}	
ul{
	width:100% !important;
}

.navbar .navbar-header .navbar-brand {
    margin-left: 0px !important;
    width: 80%;
    padding: 6px;
    height: 62px;
}
.mynav {
    background-color: #800000 !important;
    border-color: #800000 !important;
}
.three {
    background-color: #fff !important;
    padding: 20px 0px 75px 0px !important;
}	

.three .panel{
	width:100% !important;
	height:100% !important;
	margin-bottom:40px !important;
}	
.three .panel-shcedule {
    height: 365px;
    width: 100%;
}
.three .panel-services h5{
	margin-bottom:0px !important;
	margin-top:0px ;
}
.three .panel .panel-body ul li {
    padding: 0px 2px 0px 3px;
}

.three .panel .panel-body ul {
    list-style-image: url(../images/orng-tick.png);
    background-size: 25px 25px;
    margin: 0px;
    margin-left: 22px !important;
    text-align: left;
    padding: 10px 25px 5px 8px;
}
.three .col-xs-7{
	text-align:right;
}
.three .second-row .panel-donators {
    background: url(../images/letter.png) no-repeat;
    background-size: 406px 310px !important;
    background-position: center;
  
     float: none !important; 
}
.three .second-row .panel-donators #main{
	padding:40px !important;
}

.three .panel-services .panel-body ul {
    list-style-image: url(../images/orng-tick.png);
    background-size: 25px 25px;
    margin: 0px;
    margin-left: 44px !important;
    text-align: left;
    padding: 28px 4px 36px 7px;
}
.three .second-row .panel-services {
    background: url(../images/letter.png) no-repeat;
    background-size: 406px 310px !important;
    background-position: center;
  height:320px !important;
     float: none !important; 
}
#updates .update{
	margin-top:20px;
}
#updates .port-7{
	width:100% !important;
	left:0 !important;
}
.updates .updates-list .update-overlay-1 h4{
	padding:20px 0px !important;
}

.updates .updates-list .update-overlay-1 {
    position: relative !important;
    top: -70px !important;
     
    margin:auto !important;
    width: 100% !important;
}

.events{
	height:auto !important;
}


.litural {
    margin: auto !important;
    padding: 0px 0px 0px 0px;
}
.litural .well{

    background: url(../images/letter.png) no-repeat;
    min-height: 260px;
    transition: 1.6s;
    background-size: 100% 100% !important; 
    padding:90px 0px 0px 0px !important;
    margin:auto !important;
    border: none;
    
    text-align: center;
}
.litural h3{
	font-size:20px; 
}
.width-150{ 
	width:150px;
}	

.contact .contact-bg .form-inline{
	margin-right:0px !important; 
}
}

/* TABLET VIEW */

@media (min-width:600px) and (max-width:990px){
	.tendor-info img {
    width: 100% !important;
	}
	.tendor {
    height: 1037px !important;
	}
.banner{
	height:400px !important;
	background-position:center;
	margin-top:-20px;
}

body{
	overflow-x:hidden;  
}	

ul{
	width:100% !important;
}

.navbar .navbar-header .navbar-brand {
    margin-left: 0px !important;
    width: 80%;
    padding: 6px;
    height: 62px;
    padding-top:16px;
}
.mynav {
    background-color: #800000 !important;
    border-color: #800000 !important;
}


.updates .updates-list .update-overlay-1 {
    position: relative !important;
    top: -70px !important;
    /* left: 79px; */
    margin: auto !important;
    width: 100% !important;
}

.three {
    background-color: #fff !important;
    padding: 20px 0px 75px 0px !important;
}
.three .panel{
	width:100% !important;
	height:100% !important;
	margin-bottom:40px !important;
}
.three .panel img{
	width:100% !important;
	height:100% !important;
}


.three .second-row .panel {
    /* width: 100% !important; */
    /* height: 100% !important; */
    margin-bottom: 40px !important;
}

.three .second-row .panel-donators {
    background: url(../images/letter.png) no-repeat;
    background-size: 640px 430px;
    background-position: center;
    height: 430px !important;
    width: 437px !important;
     float: none !important; 
}
.three .second-row .panel {
    /* width: 100% !important; */
    /* height: 100% !important; */
    margin-bottom: 40px !important;
}

.three .second-row .panel-services {
    background: url(../images/letter.png) no-repeat;
    background-size: 640px 430px;
    background-position: center;
    height: 430px !important;
    width: 437px !important;
     float: none !important; 
}

.three .panel-services .panel-body ul {
    list-style-image: url(../images/orng-tick.png);
    background-size: 25px 25px;
    margin: 0px;
    margin-left: AUTO;
    text-align: left;
    padding: 42px;
}
.three .second-row .panel-services ul .col-xs-7{
   text-align:right;
}
.litural{
  margin-top:1250px; 
}
/* .litural .well {
    background: #FFF;
    background: url(../images/letter.png) no-repeat;
    min-height: 416px;
    transition: 1.6s;
    background-size: contain !important;
    padding-left: 0;
    margin: auto;
    border: none;
    padding-top: 136px;
    text-align: center;
   
} */

.litural .well {
    /* background: #FFF; */
    background: url(../images/letter.png) no-repeat;
    min-height: 416px;
    transition: 1.6s;
    background-size: 100% 100% !important;
    /* padding-left: 0; */
    margin: auto auto 50px auto;
    border: none;
    padding-top: 136px;
    text-align: center;
}
.contact .form-inline{
	margin:auto !important;
	text-align:center;
}

	
}	


@media (min-width:1000px) and (max-width:1200px){
	.banner{
	height:350px !important;
	}
.mynav {
    background-color: #800000 !important;
    border-color: #800000 !important;
}	
.navbar-gold{
	margin-top:0px !important;
}

.sub-header {
    background-color: gold;
    padding: 10px 25px;
    margin-top: -100px !important;
}
.litural .well {
    /* background: #FFF; */
    background: url(../images/letter.png) no-repeat;
    min-height: 260px;
    transition: 1.6s;
    background-size: 333px 100%;
    padding-left: 88px;
    text-align: center;
    margin-left: auto;
    border: none;
    padding-top: 78px;
}
	

.updates .updates-list .update-overlay-1 {
    position: relative !important;
    top: -70px !important;
    /* left: 79px; */
    margin: auto;
    width: 100% !important;
}	

.updates .updates-list .update-overlay-1 h4 {
    color: gold !important;
    text-align: center;
    background: rgba(128, 0, 0, 0.65);
    /* height: 50px; */
    padding: 20px 0px !important;
    text-transform: lowercase;
}


.three .panel-shcedule {
    height: 100% !important;
    width: 100% !important;
}


.three .panel-donators {
    background: url(../images/letter.png) no-repeat;
    background-size: 304px 370px !important;
    background-position: center;
    height: 370px !important;
    width: 100% !important;
    float: left;
}


.three .panel-services {
    background: url(../images/letter.png) no-repeat;
    background-size: 304px 370px !important;
    background-position: center;
    height: 370px !important;
    width: 100% !important;
    float: right;
}
	
}	
















@media (max-width: 999px) and (min-width: 320px){
.updates-page{
	margin-top:0px !important;
}	
.updates-page img{
	width:100% !important;
}


.sub-header {
    background-color: gold;
    padding: 10px 25px;
    margin-top: -100px !important;
}
.sri-button{
	margin-bottom:20px;
}
.sainivas{
	padding-top:0px !important;
}

.darshanam{
	padding-top:0px !important;
}
.poojaAticles{
	padding-top:0px !important;
}
}
@media (max-width: 760px) and (min-width: 600px){

.litural {
    margin-top: 1636px;
}
.tendors-list ul li {
    float: left;
    width: 32%;
    line-height: 2;
    margin: 0 58px 0;
    font-size: 17px;
}
}


@media (max-width: 990px) and (min-width: 761px){
.navbar-gold{
	margin-top:0px !important;
}
.litural {
    margin-top: 500px;
}
.tendors-list ul li {
    float: left;
    width: 32%;
    line-height: 2;
    margin: 0 58px 0;
    font-size: 17px;
}
}
@media (max-width: 760px) and (min-width: 320px){

.navbar-gold {
  margin-top:-20px !important;
}
}