.nobottommargin{
    text-align: center;
}

button{
    background-color: #009fe3 !important;
}

#primary-menu-trigger>i {
    color: white;
}  

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
    #registerLogo{
        margin-top: 200px !important;
        width:220px !important;
	}
    #second-column{
        margin-top: 200px  !important;
       
    }
    .card-body {
        padding: 25px !important;
    }
}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) and (height:900px){
 
	#registerLogo{
        margin-top: 200px !important;
        width:220px !important;
	}
    #second-column{
        margin-top: 200px  !important;
       
    }
    .card-body {
        padding: 25px !important;
    }
}
 /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) and (min-height:800px){
    
    #registerLogo{
        margin-top: 200px !important;
        width:220px !important;
	}
    #second-column{
        margin-top: 200px  !important;
       
    }
    .card-body {
        padding: 25px !important;
    }
  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) and (min-height:1024px){
    
    #registerLogo{
        margin-top: 200px !important;
        width:220px !important;
	}
    #second-column{
        margin-top: 200px  !important;
       
    }
    .card-body {
        padding: 25px !important;
    }
    #ResetDiv{
        width: 350px !important;
        
    }
  }
  
 
  
   /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
    
    #content {
        min-height: 100vh !important;
        background-size: auto !important;
    }
    
    #registerLogo{
        margin-top: 100px !important;
        width:120px !important;
	}
    
    #wo_onImage{
        height: 3.5em !important;
    }
    
    #ResetDiv{
        width: 350px !important;
        margin-top: 50px;
    }
  }
   /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (min-height: 1000px) {
    
    #content {
        min-height: 100vh !important;
        background-size: auto !important;
    }
    
    #registerLogo{
        margin-top: 20% !important;
        width:120px !important;
	}
    
    #wo_onImage{
        height: 3.5em !important;
    }
   
  }
  /* 
    ##Device = Tablets, Ipads (portrait)  AND HEIGHT 600
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (height:600px) {
    
    #content {
        min-height: 100vh !important;
        background-size: auto !important;
    }
    
    #registerLogo{
        margin-top: 20px !important;
        width:100px !important;
	}
    #second-column{
        margin-top: 20px  !important;
       
    }
    .card-body {
        padding: 25px !important;
    }
    
    #wo_onImage{
        height: 3.5em !important;
    }
  }


  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    
    
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    
    #content {
        min-height: 100vh !important;
        background-size: auto !important;
    }
    
    #registerLogo{
        margin-top: 20% !important;
        width:120px !important;
	}
    
    #wo_onImage{
        height: 3.5em !important;
    }
    
    
  }
  


  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
    #content {
        min-height: 100vh !important;
        background-size: auto !important;
        padding-top:15% !important;
    }
    #wo_onImage{
        height: 2.5em !important;
    }
    #registerLogo{
        margin-top: 0px !important;
        width:0px !important;
    }

  }
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) and (max-height: 660px) {
    #wo_onImage{
        height: 2.5em !important;
    }
    #registerLogo{
        margin-top: 0px !important;
        width:0px !important;
    }
    #second-column{
        margin-top:10px;
    }
  }
/* Ipad-Pro Portrait */
@media only screen 
  and (width: 1024px) 
  and (height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	#wrapper{
        background-color: #009fe3 !important;
    }
	#content {
        min-height: 100vh !important;
        background-size: auto !important;
    }
    #registerLogo{
        margin-top: 150px !important;
        width:220px !important;
	}
    #second-column{
        margin-top: 150px !important;
       
    }
    .card-body {
        padding: 50px !important;
    }
    
}