/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 70px) and (max-width: 235px) { 
    
   .maincontainer{
    height: 100%;
           width: 100%;
}

  }

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 236px) and (max-width: 335px) { 
    .maincontainer{
        height: 100v%;
        width: 100%;
    }   
   
}
 
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 336px) and (max-width: 504px) { 
    .maincontainer{
        height: 100%;
        width: 100%;
    }
}


/*Extra small devices (portrait phones, less than 576px)*/ 
@media (max-width: 505px) { 
 
    .maincontainer{
        min-height: 1300px;	
        height: 100%;
        width: 100%;
    }
 

    }

@media (min-width: 506px) and (max-width: 545px) { 
 
.maincontainer{
	min-height: 1300px;	
    height: 100%;
       width: 100%;
}
 
}

@media (min-width: 546px) and (max-width: 575px) { 
 
.maincontainer{
	min-height: 1300px;	
    height: 100%;
       width: 100%;
}
 
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 619px) { 
 
    .maincontainer{
		min-height: 1300px;
        height: 100%;
        width: 100%;
    }
 
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 620px) and (max-width: 651px) { 
 
    .maincontainer{
        min-height: 1300px;
        height: 100%;
        width: 100%;
    }
 
}

@media (min-width: 652px) and (max-width: 669px) { 
 
    .maincontainer{
		min-height: 1300px;
    height: 100%;
           width: 100%;
}
 
    }
@media (min-width: 670px) and (max-width: 767px) { 
    
   .thumbnaila2{
         height: 511px;
    margin: 0 2px;
    transition: all .3s linear;
    padding: 0;
    width: 290px;
     
    }
       .thumbnaila3 ul{
    padding: 0;
    margin: 0;
    display: -webkit-inline-box;
    position: relative;
    text-align: center;
        
    }
    .carousel-inner>.item>a>img, .carousel-inner>.item>img{
    height:450px;
     }
    .maincontainer{
		min-height: 1300px;
    height: 100%;
           width: 100%;
}
 
    }

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 900px) { 
 
    .maincontainer{
        min-height: 1300px;
        height: 100%;
    }
  
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 901px) and (max-width: 971px) { 
    .maincontainer{
        min-height: 1300px;
        height: 100%;
        }
    
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 972px) and (max-width: 991px) { 
 
    .maincontainer{
		min-height: 1300px;
 height: 100%;
    }
 
    
    }
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1099px) {
 
    .maincontainer{
		min-height: 1300px;
    height: 100%; 
        width: 100%;
    
    }
 
    
    }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 1100px) and (max-width: 1199px) {
 
    .maincontainer{
		min-height: 1300px;
    height: 100%; 
        width: 100%;
    
    }
 
    
    }
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width:1200px) and (max-width: 1249px) {
  .maincontainer{
	  min-height: 1300px;
     height: 100%;
    width: 100%;

}
 
   }
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width:1250px) and (max-width: 1299px) {
  .maincontainer{
	  min-height: 1300px;
     height: 100%;
    width: 100%;

}
 
   }
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width:1300px) and (max-width: 1399px) {
  .maincontainer{
	  min-height: 1300px;
     height: 100%;
    width: 100%;

}
 
          .carousel-inner>.item>a>img, .carousel-inner>.item>img{
    height: 785px;
     }
   }

 /* Extra large devices (large desktops, 1200px and up)*/
@media (min-width:1400px) and (max-width: 1599px) {
  .maincontainer{
	  min-height: 1300px;
     height: 100%;
	  
}
  
}
 

 /* Extra large devices (large desktops, 1200px and up)*/
@media (min-width:1600px) and (max-width: 1699px) {
  .maincontainer{
	  min-height: 1300px;
     height: 100%;
	  
}

}
 
 @media (min-width:1700px) and (max-width: 2000px) {
  .maincontainer{
	  min-height: 1300px;
     height: 100%;
	  
}
  
}
    

 @media (min-width:2001px) and (max-width: 2400px) {
  .maincontainer{
	  min-height: 1300px;
     height: 100%;
	  
}
  

     
}
 @media (min-width:2401px) and (max-width: 3400px) {
  .maincontainer{
	  min-height: 1300px;
     height: 100%;
	  
}   
}









@