@media (max-width: 1285px){
	.hero12 {
		height: 100vh;
		/*top: 115px;*/
	}
	
	.form-item11 form{
		top: 35px;
		right: 30px;
	}
	.header {
		height: 90px;
	}
	.site-logo img {
		height: 80px;
	}
	
	.gen-form ul.flex-ul {
		gap: 0px;
	}
	.hero12 .text-container{
		padding: 30px;
		left: 0;
	}
	.hero12 .text-container h2{
		font-size: 24px;
		letter-spacing: 0;
	}
	.hero12 .btn-apply{
		font-size: 14px;
	}
	.hero12 .text-container h2{
		font-size: 24px;	
	}
}

@media(max-width: 948px){
      /*.form-flex {
        justify-content: center;
        align-items: center;
        align-content: center;
      }*/

      .form-item11 form{
        top: 40px;
      
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
      }
    
      .form-item3 {
        /*height: 100vh;*/
        order: 1;
      }
      .form-item2 {
        order: 2;
      }

      .form-item11 {
        width: 100%;
        height: 600px;
        position: relative;
        background: white;
        z-index: 2;
      }
	
		.british-container {
			margin-top: 0px;	
		}
    }

    @media(max-width: 834px){

      /*.form-flex {
        height: 90vh;
        display: block;
        min-height: 450px;
        background-size: cover;
        background-color: #062b49;
        background-repeat: no-repeat;
        background-position: center 32%;
      }*/

      

      .hero12 {
        background: none;
        height: 100%;
        background-size: cover;
        background-color: #062b49;
        background-repeat: no-repeat;
      }

      
    }


    @media(max-width: 834px){

      /*.form-flex {
        height: 100vh;
        display: block;
        min-height: 450px;
        background-size: cover;
        background-color: #062b49;
        background-repeat: no-repeat;
        background-position: center 30%;
      }*/

      .form-item11 {
          height: 575px;
      }

      .form-item11 form {
          top: 40px;
      }
	  .hero12 .text-container{
		right: 0;
		}
    }

    @media(max-width: 568px){
		.form-item11 form {
          top: 20px;
      }
		.form-item11 {
          height: 535px;
      }
      .british-container {
        padding: 20px;
      }
      .british-container h1{
        font-size: 32px;
      }
    }
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 220px) and (max-width: 576px) {
    .container{
        width: 100%;
        max-width: 100vw;   
        padding: 0 1rem;
    }
    .header,
    .footer{
        width: 100vw;
    }
    
    .header{
        overflow: hidden;
    }
    
    .flex-row{
        flex-direction: column !important;
    }
    
    .flex-space-btwn{
      justify-content: center;    
    }
        
    .hero{
        width: 100%;
        background-position: top left;
    }
    
    .site-logo,
    .site-info{
        flex: 0 0 98%;
        max-width: 98%;
    }
    
    .site-logo img{
        height: 80px;
        text-align: center;
    }

    .site-info img{
        height: 80px;
        text-align: center;    
    }

    .spacer{
        display:none;
    }
    
    
  
    
    .section-left,
    .section-right{
        flex: 0 0 98%;
        max-width: 98%;
    }
    
    .section-right{
        background-position: top center;
        /* background-position: calc(50% + 105px) calc(50% + 10px); */
    }
    
    .section-left h1{
        font-size: 35px;
    }
    
    .section-left p{
        font-size: 16px;
        line-height: 30px;
        text-align: left;
    }
    .text-section p {
        font-size: 16px;
}
    
    .slide-show{
        width: 100vw;
        padding: 0.5rem;
    }
    .slider{
        width: 100vw;
    }
    
    .text-section{
        left:10px;
        right: 10px;
        top: unset;
        bottom: 30px;
        width: 94%;
        min-height: 100px; 
        height: auto;
        padding-bottom: 2rem;
    }
    
    .text-section h1{
         font-size: 35px;
    }
    
    .testimonial-slider{
        top:10px;
        border:0px solid red;
    }
    
    .testimonial-content{
        width: 98%;
        padding:0.5rem 1rem;
        transform: translate(-50%, -35%);
    }
    
    .testimonial-content p{
        font-size: 14px;
        letter-spacing: 1px;
        word-spacing: 1px;
    }
    
    .contact{
        width: 95%;
        left: 10px;
        right: 10px;
    }
    
    .contact h3{
        padding-top: 20px;
    }
    
    .contact .flex-row{
        flex-direction: row !important;
    }

    .section-left h1 span{
        text-wrap: wrap;
    }
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 577px) and (max-width: 992px) {
    .spacer{
        padding-right: 0px !important;
    }
    .spacer h1 {
        font-size: 35px;
      }
      .spacer p {
        font-size: 20px;
      }

    .container{
        width: 100%;
        max-width: 100vw;   
        padding: 0 1rem;
    }
    .header,
    .footer{
        width: 100vw;
    }
    
    .header{
        overflow: hidden;
    }
    
    .site-logo img{
        height: 80px;
        text-align: center;
    }

    .site-info img{
        height: 80px;
        text-align: center;    
    }
    
    
    
    .spacer{
         flex: 0 0 38%;
        max-width: 38%;
    }

    .admission-form {
        /* flex: 0 0 58%;
        max-width: 58%;
        display: flex;
        padding:0px; */
    }    

     .section-left h1{
        font-size: 35px;
    }

    .section-left h1 span{
        text-wrap: wrap;
    }
    
    .section-left p{
        font-size: 18px;
        line-height: 30px;
    }
   
        .testimonial-slider{
        top:10px;
        border:0px solid red;
    }
    
    .testimonial-content{
        width: 98%;
        padding:0.5rem 1rem;
        transform: translate(-50%, -35%);
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 993px) {
  /* CSS rules specific to extra large devices */
 
}

@media (max-width: 768px) {
    #applyButton1 {
        display: block;
    }

    .site-logo img {
        height: auto;
        width: 180px;
    }

    .site-info img, .site-info p {
        display: none;
    }

    .site-info, .site-logo {
        flex: 1 0 50%;
        width: 50%;
    }

    .site-info {
        text-align: right;
    }

    .site-info a{
        background: #fdc60b;
        display: inline-block !important;
        color: #062b49;
        padding: 5px 12px;
        font-weight: 600;
        border-radius: 25px;
        margin-right: 30px;
        font-family: var(--txt-secondary);
    }

    .flex-nav {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .admission-form {
        flex: 0 0 98%;
        max-width: 98%;
        /* position: absolute; */
        /* top: 125px; */
        height: 100%;
        padding:0px;
    }
    
    .gen-form{
        width: 100%;
        position: relative;
        max-width: 100%;
    }

    #vis-digits {
        max-width: 113px !important
    }
}

@media (max-width: 834px){
    .text-section{
    left:10px;
    right: 10px;
            top: unset;
            bottom: 30px;
    width: 94%;
    min-height: 100px;
    height: auto;
    padding-bottom: 2rem;
}
}