.header-wrap-clone
  {
      height: 0px !important;
  }

  #logo-img{
    width: 200px;
  }
.one-page-arrow{
    position: absolute;
    z-index: 3;
    bottom: 0px;
    left: 50%;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    font-size: 32px;
    text-align: center;
}
#primary-menu {
    margin-right: 150px;
}
#second-column{
    margin-top: 50px;
}
#content {
    background: transparent no-repeat;
    overflow: hidden !important;
    min-height: 890px;
    /*background-size: 100% auto !important;*/
}

#login-menu li a {
    padding-top: 20px !important;
}
#login-intro-text-section {
    margin-top: 10rem;
}
#login-intro-text-section > p:first-child, #login-intro-text-section > p:nth-child(1), #login-intro-text-section > p:nth-child(2) {
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-style: normal;
}
#login-intro-text-section p:nth-child(2) {
    line-height: 1;
}
#login-intro-text-section p:first-child span {
    font-style: italic;
    font-size: 42px;
}

#login-form-wrapper {
    max-width: 400px;
    background-color: #39a3d2;
    border-radius: 5px !important;
}
#login-form-wrapper .card-body {
    padding: 40px;
    box-shadow: 0 0 5px #6a7477;
    
}

#login-form-submit {
    width: 100%;
    background-color: #009fe3;
}
#login-form-submit:hover {
    
    background-color: #0e9dc9;
}

#signup-section p {
    color: #ffffff;
    font-size: 25px
}

#signup-section {
    color: #ffffff;
    text-decoration: underline !important;
}

#signup-form-link,#signup-form-link_section{
    background-color: #009fe3;
    color: #ffffff;
}
#signup-form-link:hover{
    background-color: #1ABC9C; 
    color: #ffffff;
}
#signup-form-link_section:hover{
    background-color: #1ABC9C; 
    color: #ffffff;
}
.login_logo
{
    position: absolute;
    left:20%;
    
}

.login_logo img
{
    width:150px;
}
#resetpass{
    position: absolute !important;
    top: 35% !important;
    width: 100% !important	;
    padding-top: 0px !important	;
    padding-bottom: 0px !important;
    margin-top: -192.407px !important;
}
#third-section{
	min-height: 500px;
}

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


      @media (min-width: 1600px) {
      #login-row {
          margin-top: -3rem;
      }

  }
  @media (min-width: 1281px) and (max-width:1599px){
    #content
    {
        /*background-size: auto !important;*/
        min-height: 1050px;
    }
    #login-intro-text-section {
        margin-top: 8rem;
    }
	#login-intro-text-section > p:first-child, #login-intro-text-section > p:nth-child(1), #login-intro-text-section > p:nth-child(2){
		font-size: 40px;
	}
	#logo-img{
		margin-top: 20px !important;
	}
	#second-column{
		margin-top: 0px !important;
	}
    .one-page-arrow{
        bottom: 10%;
    }
    .si-facebook ,.si-google {
        margin-bottom : 15px;
    }
    .col_full a{
        margin-bottom:20px !important;
    }
    #login-form-submit,#signup-form-link{
        margin-bottom:10px !important;
    }
    #login-row {
        margin-top: -6rem;
    }
}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) and (height:900px){
 
	#login-intro-text-section > p:first-child, #login-intro-text-section > p:nth-child(1), #login-intro-text-section > p:nth-child(2){
		font-size: 30px;
	}
    #login-intro-text-section {
        margin-top: 8rem;
    }
	#logo-img{
        margin-top: 20px !important;
        width:150px;
    }
    .one-page-arrow {
        bottom: 3%;
    }
	
}
 /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) and (min-height:800px){

      #login-row {
          margin-top: 4rem;
      }
    #content{
        background-size: auto !important;
        background: center no-repeat;
        min-height: 950px;
	}
      #login-intro-text-section {
          margin-top: 8rem;
      }
	#login-intro-text-section > p:first-child, #login-intro-text-section > p:nth-child(1), #login-intro-text-section > p:nth-child(2){
		font-size: 25px;
	}
	#logo-img{
		margin-top: 20px !important;
	}
	#second-column{
		margin-top: 0px !important;
	}
    .one-page-arrow{
        bottom: 15%;
    }

  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) and (min-height:1024px){
      #login-intro-text-section {
          margin-top: 8rem;
      }
    #content{
		background-size: auto !important;
	}
	#login-intro-text-section > p:first-child, #login-intro-text-section > p:nth-child(1), #login-intro-text-section > p:nth-child(2){
		font-size: 35px;
	}
	#logo-img{
		margin-top: 20px !important;
	}
	#second-column{
		margin-top: 0px !important;
	}
    .one-page-arrow{
        bottom: 10%;
    }
  }
  
 
  
   /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
      #login-intro-text-section {
          margin-top: 6rem;
      }
    #content {
        min-height: 100vh !important;
        background-size: auto !important;
    }

	#login-intro-text-section > p:first-child, #login-intro-text-section > p:nth-child(1), #login-intro-text-section > p:nth-child(2){
		font-size: 25px;
	}
	#logo-img{
        margin-top: 20px !important;
        width:100px;
	}
	#second-column{
		margin-top: 0px !important;
    }
    
    #wo_onImage{
        height: 3.5em !important;
    }
    
    #primary-menu-trigger
    {
        top:0;
    }
    .access_code_p{
        padding-right: 2rem !important;
    }
    #primary-menu-trigger>i {
        color: white;
        margin-top: -2px;
        margin-right: 0;
    }   
    .fas{
        margin-left:0px;
    }    
    #second-section>.container>.row>.col-lg-5{
        margin-bottom: 80px !important	;
    }
    #second-section>.container>.row>.col-lg-2{
        margin-bottom: 20px !important	;
    }
    #second-section i {
        font-size: 1.8em !important;
    }
    #second-section p {
        font-size: 1.3rem !important;
    }

      #login-row {
          margin-top: 4rem;
      }
  }
   /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (min-height: 1000px) {
      #login-intro-text-section {
          margin-top: 6rem;
      }
    #content {
        min-height: 100vh !important;
        background-size: auto !important;
    }

	#login-intro-text-section > p:first-child, #login-intro-text-section > p:nth-child(1), #login-intro-text-section > p:nth-child(2){
		font-size: 45px;
	}
	#logo-img{
        margin-top: 20px !important;
        width:150px;
	}
	#second-column{
		margin-top: 0px !important;
    }
    
    #wo_onImage{
        height: 3.5em !important;
    }

      #primary-menu-trigger
      {
          top:0;
      }
    .access_code_p{
        padding-right: 2rem !important;
    }
    #primary-menu-trigger>i {
        color: white;
        margin-top: -2px;
        margin-right: 35px;
    }   
    .fas{
        margin-left:15%;
    }    
    #second-section>.container>.row>.col-lg-5{
        margin-bottom: 80px !important	;
    }
    #second-section>.container>.row>.col-lg-2{
        margin-bottom: 20px !important	;
    }
    #second-section i {
        font-size: 2em !important;
    }
    #second-section p {
        font-size: 1.5rem !important;
        padding-right: 15% !important;
    }
    .one-page-arrow{
        bottom:5%;
    }
      #login-row {
          margin-top: 4rem;
      }
  }
  /* 
    ##Device = Tablets, Ipads (portrait)  AND HEIGHT 600
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (height:600px) {
      #login-row {
          margin-top: 4rem;
      }
      #login-intro-text-section {
          margin-top: 6rem;
      }
    #login-intro-text-section p{
        display: none;
    }
    
    #content {
        min-height: auto !important;
        background-size: auto !important;
    }

	#login-intro-text-section > p:first-child, #login-intro-text-section > p:nth-child(1), #login-intro-text-section > p:nth-child(2){
		font-size: 25px;
	}
	#logo-img{
        margin-top: 20px !important;
        width: 0px;
	}
	#second-column{
		margin-top: 0px !important;
    }
    
    #wo_onImage{
        height: 3.5em !important;
    }

      #primary-menu-trigger
      {
          top:0;
      }
    .access_code_p{
        padding-right: 2rem !important;
    }
    #primary-menu-trigger>i {
        color: white;
    }   
    .fas{
        margin-left:20%;
    }    
    #second-section>.container>.row>.col-lg-5{
        margin-bottom: 80px !important	;
    }
    #second-section>.container>.row>.col-lg-2{
        margin-bottom: 20px !important	;
    }
    #second-section i {
        font-size: 1.8em !important;
    }
    #second-section p {
        font-size: 1.3rem !important;
        text-align: center !important;
        padding-left: 15%;
    }
  }


  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

      #login-row {
          margin-top: 4rem;
      }
    
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
      #login-row {
          margin-top: 4rem;
      }
      #login-intro-text-section {
          margin-top: 5rem;
      }
    #content {
        min-height: 100vh !important;
        background-size: auto !important;
    }

	#login-intro-text-section > p:first-child, #login-intro-text-section > p:nth-child(1), #login-intro-text-section > p:nth-child(2){
		font-size: 25px;
	}
	#logo-img{
        margin-top: 20px !important;
        width:100px;
	}
	#second-column{
		margin-top: 0px !important;
    }
    
    #wo_onImage{
        height: 3.5em !important;
    }

      #primary-menu-trigger
      {
          top:0;
      }
    .access_code_p{
        padding-right: 2rem !important;
    }
    #primary-menu-trigger>i {
        color: white;
        margin-top: -2px;
        margin-right: 0;
    }   
    .fas{
        margin-left:5%;
    }    
    #second-section>.container>.row>.col-lg-5{
        margin-bottom: 80px !important	;
    }
    #second-section>.container>.row>.col-lg-2{
        margin-bottom: 20px !important	;
    }
    #second-section i {
        font-size: 1.8em !important;
    }
    #second-section p {
        font-size: 1.3rem !important;
        text-align: center !important;
    }
    
  }
  


  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
      #login-intro-text-section {
          margin-top: 3rem;
      }
    #second-section>.container>.row>.col-lg-5>p{
		font-size: 15px !important;
	}
	#second-section>.container>.row>.col-lg-5{
		margin-bottom: 80px !important	;
	}
	#second-section>.container>.row>.col-lg-2{
		margin-bottom: 20px !important	;
	}
	#second-section{
		font-size: 10px;
	}
	#third-section>div.content-wrap>div.container-fluid>div.row>div.col-lg-7>p{
		font-size: 20px !important;
	}
	#login-intro-text-section > p:first-child, #login-intro-text-section > p:nth-child(1), #login-intro-text-section > p:nth-child(2){
		display: none !important;
	}
	#logo-img{
		margin-top:20px !important;
		width:70px;
	}
	#second-column{
		margin-top:0px;
	}
	.one-page-arrow{
		position: absolute;
		z-index: 3;
		bottom: 0;
		left: 50%;
		margin-left: -16px;
		width: 32px;
		height: 32px;
		font-size: 32px;
		text-align: center;
	}
	#primary-menu {
		margin-left: 50px;
	}
	.row {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: 0px;
		margin-left: 0px; 
	}

	#wo_onImage{
		height: 3.5em !important;
	}
	#content {
        min-height: 100vh !important;
        background-size:auto !important;
	}
      #primary-menu-trigger
      {
          top:0;
      }
	.access_code_p{
		padding-right: 0rem !important;
	}
	#primary-menu-trigger>i {
		color: white;
        margin-top: -2px;
        margin-right: 0;
	}
    #second-section i {
        font-size: 1.8em !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) {
    #logo-img{
		margin-top:20px !important;
		width:0px;
    }
    .row {
        margin-top:10px
    }
  }

  @media (min-width: 320px) and (max-width: 480px) and (min-height: 800px) {
    #logo-img{
		margin-top:20px !important;
		width:100px;
    }
    .row {
        margin-top:10px
    }
    .one-page-arrow{
        bottom:5%;
    }
  }
/* 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;
    }

	#login-intro-text-section > p:first-child, #login-intro-text-section > p:nth-child(1), #login-intro-text-section > p:nth-child(2){
		font-size: 45px;
	}
	#logo-img{
        margin-top: 20px !important;
        width:150px;
	}
	#second-column{
		margin-top: 0px !important;
    }
    
    #wo_onImage{
        height: 3.5em !important;
    }

    #primary-menu-trigger
    {
        top:0;
    }
    .access_code_p{
        padding-right: 2rem !important;
    }
    #primary-menu-trigger>i {
        color: white;
        margin-top: -2px;
        margin-right: 40px;
    }   
    .fas{
        margin-left:0%;
    }    
    #second-section>.container>.row>.col-lg-5{
        margin-bottom: 80px !important	;
    }
    #second-section>.container>.row>.col-lg-2{
        margin-bottom: 20px !important	;
    }
    #second-section i {
        font-size: 2em !important;
    }
    #second-section p {
        font-size: 1.0rem !important;
       
    }
    .one-page-arrow{
        bottom:5%;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) and (max-height:799px){
    
    #content{
		background-size: auto !important;
	}
	#login-intro-text-section > p:first-child, #login-intro-text-section > p:nth-child(1), #login-intro-text-section > p:nth-child(2){
		font-size: 20px;
	}
	#logo-img{
        margin-top: 5px !important;
        width: 200px;
	}
	#second-column{
		margin-top: 0px !important;
	}
    .one-page-arrow{
        bottom: 5%;
    }
   
  }