/* Big tablet to 1200x (widths smaller than 1140px row) */
@media only screen and (max-width: 1200px) {  

.row {padding: 0 2%;} 

.logo {margin-left: 5px;}    

/*----------------------Contact 1200x-----------------------*/
  
.london-contact,
.dubai-contact {
    width: 780px;
    height: 220px;
}  
    
.london-contact img,
.dubai-contact img {
    width: 280px;
    height: 220px;}
    
}  

/* small tablets to big tablets 768px to 1028px */
@media only screen and (max-width: 1023px) {  

.main-nav {display: inline-block}
    
.main-nav li {
    margin-left: 8px;
}    

.logo{
    height: 65px;
    margin-top: 15px;
}

.logo-type { 
    Font-size: 80%;
    top: 25px;
    left: 17px;
}

.main-nav li a:link,
.main-nav li a:visited {
    font-size: 68%;
}

.main-nav {
    margin-top: 0px;
    margin-bottom: 35px;
}    

h1 { 
    Font-size: 250%;
}

h2 { 
    Font-size: 173%;
}    

.btn-learn {
    font-size: 28px;
}

h4 { 
    Font-size: 125%;
    margin-top: 15px;
    font-weight: 500;
}

p,
.long-copy    {
    font-size: 15px;
}

/*----------------------About 1023px-----------------------*/
    
.about img{
    width: 50%;
    margin-left: 25%;
}

.about h4 {
   margin-left:38px;
}

.about p{
    margin-left:38px;
}       

/*----------------------Services 1023px-----------------------*/    
    
.service-box h4 { 
    margin-top: 30px;
}       

/*----------------------Contact 1023px-----------------------*/

    
.london-contact img,
.dubai-contact img {
    width: 200px;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;}   

.london-contact,
.dubai-contact{
    width: 790px;
    height: 200px;
}    

.dubai-contact p,
.dubai-contact h4,
.london-contact p,
.london-contact h4 {
margin-left: 30px; 
}    

.dubai-contact h4,
.london-contact h4 {
margin-top: 15px;        
    }
    
.contact-form {
    width: 730px;
    height: 530px;
    margin-top: 40px;
}

.contact-form label{
   float:right;
   margin-right: 1px;
   color:#1C3664;
    margin-top:8px;
}
        

/*----------------------form 1023px-----------------------*/    

input[type=text],
input[type=email],
select,
textarea {
    width: 200%;
    padding: 6px;
    border-radius: 3px;
    border: 1px solid #ccc; 
}

textarea {
    height: 220px;
}

    
}

/* small tablets to big tablets 768px to 920px */
@media only screen and (max-width: 920px) {  

.main-nav {display: none}

.mobile-nav-icon {display:inline-block;margin-bottom: 5px}    
    
.main-nav{float: left;
    margin-top:50px}    
    
.main-nav li {display:block; text-align: left; margin-left: 20px;font-size: 135%; margin-top: 10px;}
    
.main-nav li a:link,
.main-nav li a:visted,
.main-nav li a:hover,
.main-nav li a:active
    {display:block;
    border-bottom: 0;
    }

/*----------------------service 920px-----------------------*/ 
    
.service-box {
    width: 680px;
    height: 300px;
}    

.service-box p {
margin: 0 5px 0 15px;
    }    

.service-box h4 { 
    margin-left: 15px;
}
    
.section-services img {
    margin-left: 5px
}    
    

/*----------------------contact 920px-----------------------*/ 
    
.london-contact img,
.dubai-contact img {
    width: 147px;
    height: 170px;
    -o-object-fit: cover;
    object-fit: cover;}   

.london-contact,
.dubai-contact{
    width: 790px;
    height: 170px;
}

.dubai-contact p,
.dubai-contact h4,
.london-contact p,
.london-contact h4 {
margin-left: 10px; 
} 

    
}


/* small phones to small tablets 481px to 767px */
@media only screen and (max-width: 767px) { 
            

h1 { 
    Font-size: 150%;
}

h2 { 
    Font-size: 100%;
}  
    
h4 { 
    Font-size: 100%;
}
    
p,
.long-copy    {
    font-size: 13px;
} 
    
.btn-solid:link,
.btn-solid {
width: 220px;
}    
    

/*----------------------Home 767px-----------------------*/ 
    
.btn-learn {
    font-size: 20px;
}
    
.arrow {
    bottom: 1%; /*-place bottom of window--*/
    font-size: 150%;
}    

/*----------------------About 767px-----------------------*/ 
    
.about h4 {
   margin-left:23px;
}

.about p{
    margin-left:23px;
    margin-top:5px;
}

/*----------------------services 767px-----------------------*/
    
.section-services img {
height: 180px;
width: 180px;
-o-object-fit: cover;
object-fit: cover;    
}

.section-services box {
    width: 350px;
    height: 100px;
}

.service-box {
    width: 520px;
    height: 240px;
} 
    
.service-box p {
margin: 0 5px 0 15px;
width: 250px;    
    }    

.service-box h4 { 
    margin-left: 15px;
}
    
.section-services img {
    margin-left: 50px
}    
       
/*----------------------contact 767px-----------------------*/
    
.london-contact,
.dubai-contact{
    width: 780px;
    height: 170px;
} 
    
.london-contact img,
.dubai-contact img {
    display: none;}   


.dubai-contact p,
.dubai-contact h4,
.london-contact p,
.london-contact h4 {
margin-left: 15px; 
}            
   
   
    
input[type=text],
input[type=email],
select,
textarea {
    width: 200%;
}

textarea {
    height: 250px;
}

.contact-form {
    width: 470px;
    height: 510px;
    margin-top: 25px;}
    


}

/* small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {  

    
h1 { 
    Font-size: 120%;
}

h2 { 
    Font-size: 75%;
}  
    
h4 { 
    Font-size: 100%;
}

    
    
    h4 { 
    Font-size: 180%;
    font-weight: 400;
    margin-bottom: 10px;
}    
    
/*----------------------About 480px-----------------------*/
    
.about img{
    width: 30%;
    margin-left: 35%;
}

.about h4 {
   margin-left:17%;
}

.about p{
    margin-left:60px;
    margin-bottom:20px; 
}  

/*----------------------Services 480px-----------------------*/
    
.section-services img {
height: 180px;
width: 285px;
margin-right: 0px;
margin-top: 15px;
} 

.service-box {
    width: 400px;
    height: 380px;
}  

.service-box p {
width: 370px;
text-align: center;
margin: 0 5px 0 5px;
    }    

.service-box h4 {
margin-left: auto;
width: 100%;
text-align: center;    
    }  

/*----------------------Timetable 480px-----------------------*/    
    
.right {
    float: none;
    margin-left: 20%;
    margin-bottom: 10px;
}

.left {
    float: none;
    margin-left: 20%;
    margin-bottom: 10px;
}  
    
/*----------------------Contact 480px-----------------------*/    

.london-contact{
   border-radius: 10px 10px 10px 0;        
    }    

.dubai-contact{
   border-radius: 0 0 10px 10px;        
    }        
    
.london-contact img,
.dubai-contact img {
    width: 50%;
    height: 170px;
    display:inline-block;
    -o-object-fit: cover;
    object-fit: cover;}
    
.london-contact p,
.dubai-contact p {  
    font-size: 60%;
        font-weight: 400;
    }
    
.london-contact img {
    border-radius: 0 10px 0px 0;
}

.dubai-contact img {
    border-radius: 0px 0 0 10px;
}    
    
.contact-form {
    width: 100%;
    height: 685px;}

input[type=text],
input[type=email],
select,
textarea {
    width: 100%;
}    

.contact-form label{
   float:left;
    margin-bottom: 5px;
}    
    
}