@media screen and  (max-width: 2200px) and (min-width: 900px) 
{
html{scroll-behavior: smooth;}
iframe{width:100%;
overflow: hidden;}
iframe::-webkit-scrollbar
{
    display: none;
}
div.container
{
    width:100%;
    
    
    margin:auto
}


/*main elements*/
div.topheader
{
    width: 100%;
    height:100px;
    background-color:#8faadc;
}


div.topheader2{ 
     width: 100%;
    height:40px;
    background-color:#8faadc;}

div.header
{
    width: 100%;
    height:60px;
    position: sticky;
    top:0px;
    background-color: #f7f7f7;
    z-index: 1;
    
}

div.carousel
{
    width:98%;
    height:350px;
    background-color: cadetblue;
    margin:auto;


}


div.whyAcad
{
    width: 80%;
    height:auto;
    margin:auto;
    padding-top: 3%;
    

}

div.program_advantages
{
    width: 80%;
    height:520px;
    margin:auto;
    
    

}

div.news
{
    width: 80%;
    height:300px;
    margin:auto;
    display: none;
    

}

div.our_clients
{
    width: 80%;
    height:auto;
   transition: 1s;
    margin:auto;
    

    
}

div.contactus
{
    width: 80%;
    height:300px;
    margin:auto;
    padding-top: 50px;
    

}

div.footer
{
    width: 100%;
    height:400px;
    background-color: #2f5597;
    clear: both;

}


/*main elements of about us*/
div.aboutustab
{
    width:100%;

    margin-top: 50px;

    margin-bottom: 50px;
}





/*topheader elements*/
div.topheader_phoneNumber
{
    width: 350px;
    height:40px;
    background-color: #2f5597;
    position: absolute;
    top: 40px;
    right: 15%;
    
}

a.topheader_contactus
{
    width: 100px;
    text-decoration: none;
    color:whitesmoke;
    background-color:#2f5597;
    position: absolute;
    top: 40px;
    right:35%;
    height: 40px;
    text-align: center;
    font-size:20px;
    padding-top: 10px;
    box-sizing:border-box;

}

a.topheader_contactus:hover
{
    background-color:#3a79dd;
    text-decoration: underline;
    transition: 0.5s;
}

div.topheader_searchbox
{
    width: 350px;
    height:40px;
    background-color: #2f5597;
    position: absolute;
    top: 40px;
    left: 15%;
}

img.topheadericon
{
    height: 100%;
    width: 10%;
    float:left;
    transform: scale(1.05);
}

img.waterfall_icon
{
    position: fixed;
    width:70px;
    border-radius: 25px;
    z-index: 10;
}

img#waterfall_icon_top
{
    bottom: 95px;
    left: 25px;

}

img#waterfall_icon_bottom
{
    bottom: 10px;
    left: 25px;

}

/*topheader_phoneNumber*/
div.phonenumber_holder
{
    width:90%;
    height:100%;
    text-align:center;
    float: left;
    font-size: 28px;
    color: whitesmoke;
    padding-top: 4px;
}

/*topheader_searchbox*/
form.search_form
{
    width:90%;
    height:100%;
    text-align: center;
    float:left;
    font-size:28px;
    

}

input#topheader_searchbox_searchinput
{
    float: left;
    height:80%;
    width:72%;
    margin-top:1px;
    text-align: right;
    font-size: 20px;

}

img.topheader_searchicon
{
    position: absolute;
    height:90%;
    top:1px;
    border-top: #2f5597 solid 1px;
    border-bottom: #2f5597 solid 1px;
    border-right: #2f5597 solid 1px;
    outline: auto;
    right: -37px;
}

input#topheader_searchbox_searchbutton
{
    float: left;
    height: 100%;
    width:25%;
    background-color:#2f5597;
    color:whitesmoke;
    font-size: 20px;
    border: none;
    cursor: pointer;

}



/*header Elements*/

div.left_header
{
    height:100%;
    background-color:#2f5597;
    width:10%;
    float:left;

}

div.center_header
{
    height:100%;
    
    width:60%;
    float:left;
    margin-left: 10%;

}

div.right_header
{
    height:100%;
    background-color:brown;
    width:6%;
    float:right;

}


img#left_header_img
{
    width:100%;
    height:100%;
}

img#right_header_img
{
    width:100%;
    height:100%;
}


div.language_button
{
     background-color: #f7f7f7;
    overflow: hidden;
    width:17%;
    display:block;
    height: 100%;
    /*margin-top: 20px;*/
    position:relative;
    left:10px;
    float:left ;
    text-align:center;
    margin-right: 5px;
    
}

a.language_anbul
{

    display: block;
    color: #333;
    text-align: center;
    width:100%;
    height: 100%;
    text-decoration: none;
    font-size: 25px;
    padding-top: 6%;
}

div.navbar_contents
{
    
    width:72%;
    height:0;
    position: relative;
    z-index: 100;
    float: right;
    margin-right: 5.3%;

}

div.navbar_contents_element
{
    width:16.6667%;
    height:100%;

    float: right;
    text-align:center;
    visibility: hidden;
    
}

a.navbar_contents_element_ambul
{
    width:100%;
    height:30px;
    background-color:white;
    color: #333;
    font-size: 17px;
    display: block;
    text-decoration: none;
    border-bottom:solid 1px #333;
}

a.navbar_contents_element_ambul:hover
{
    text-decoration:underline;
    background-color:#bbb;
    color:black;
}



/*why acad elements*/
div.whyAcad_title
{
    width:30%;
    font-size: 30px;
    background-color:white;
    color:#333;
    margin: auto;
    text-align:center;
    
    

}

div.whyAcad_reasonContents
{
    width:80%;
    height: 350px;;
   /* background-color: #5279ee;*/
    margin: auto;
    background-image: url('../power point/why acad 2.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top:25px;
   /* border:double 5px #2f5597;*/
   /* outline: solid 3px rgba(255,165,0,0.7);*/
   padding-top: 1px;
    
    
}

p.whyAcad_reasonContents_span
{
    color: #333;
    font-size: 26px;
    text-align: center;
    width:80%;
    margin-left: 11%;
    /*we changed it from 6 to 9% to suite the quantity of the text*/
    margin-top: 7%;
    
}


div.whyAcad_seemore
{
    width:100px;
    height:50px;
    background-color:#2f5597;
  
    margin: auto;
    color: white;
    text-align:center;
    border-radius: 10px;
    margin-top: 3%;
    

}

a.whyAcad_seemore_ambul
{
    text-decoration: none;
    color: white;
    width: 100%;
    height:100%;
    font-size: 25px;
    display: block;
    padding-top: 10%;
    cursor: pointer;
    

}

span#moretext1
{
    display: none;
}


/*program advantages elements*/

div.program_advantages_title
{
    width:30%;
    font-size: 30px;
    background-color:#2f5597;
    color:whitesmoke;
    margin: auto;
    text-align:center;
    position: relative;
    top: 20px;

}

div.program_advantages_element
{
    width:14.2857%;
    height: 70%;
    float:left;
    
    position: relative;
    top:40px;

}

img.program_advantages_element_img
{
    width:70%;
    height:140px;
    background-color: #2f5597;
    border-radius:100%;
    margin-left: 17%;
    border: solid 1px black;

}

p.program_advantages_element_text
{
    margin: 0;
    text-align: center;
    font-size: 20px;
}

div.program_advantages_callus
{
    width:100%;
    height:220px;
    
    position: relative;
    top: 260px;
}

img.program_advantages_callus_img
{
    width:25%;
    height:265px;
    position: absolute;
    top:10px;
    left: 60%;

}

img.arrow_img
{
    transform:scaleX(2);
    position:absolute;
    width:9%;
    height:40px;
    left: 45%;
    top:100px;
}

svg.program_advantages_callus_svg
{
    transform:scaleX(2);
    position:absolute;
    width:20%;
    height:120px;
    left: 40%;
    top:40px;

}

p.program_advantages_callus_text
{
position: absolute;
font-size:35px ;
left:25%;
width: 13%;
text-align: center;
top:20px;
}

/*news elements*/
div.news_title
{
    width:20%;
    font-size: 30px;
    background-color:#2f5597;
    color:whitesmoke;
    margin: auto;
    text-align:center;
    height: 50px;
    

}

div.news_content
{
    float: left;
    width:25%;
    height:240px;
    

}

div.news_content_news
{
    width: 80%;
    height:200px;
    
    margin: auto;
    margin-top: 20px;
    border: solid 2px black;
}

/*our clients elements*/
div.our_clients_title
{
    width:20%;
    font-size: 30px;
    background-color:#2f5597;
    color:whitesmoke;
    margin: auto;
    text-align:center;
    height: 50px;
    padding-top:10px;
}

div.our_clients_content
{
    float: right;
    width: 25%;
    
    height: 240px;

}

img.our_clients_logo
{
    
    width: 50%;
    height:50%;
    margin-right: 25%;
    margin-top: 25%;
}

div.our_clients_container
{
    height:480px;
  
    transition: 1s;
    width: 100%;
}




div.our_clients_seemore
{
    width:100px;
    height:50px;
    background-color:#2f5597;
    

    
    margin: auto;
    color: white;
    text-align:center;
    border-radius: 10px;
    clear: both;
    
    
}

a.our_clients_seemore_ambul
{
    text-decoration: none;
    color: white;
    width: 100%;
    height:100%;
    font-size: 25px;
    display: block;
    padding-top: 10%;
    cursor: pointer;
}



/*contact us elements*/
div.contactus_title
{
    width:20%;
    font-size: 40px;

    color:black;
    margin: auto;
    text-align:center;
    height: 50px;
    padding-top:10px;
}

div.contactus_form
{
    width:55%;
    float: right;
    height: 75%;
    

}

div.contactus_info
{
    width:45%;
    float: right;
    height: 75%;
    


}

.contactus_form_input
{
    float: right;
    font-size: 20px;
}

input#fullname
{
    width:32%;
    height:25px;
    
}

input#phonenumber
{
    width:61%;
    height:25px;
    margin-right: 3%;
    
}
input#email
{
    width:97%;
    height:25px;
    margin-top: 20px;
    
}

textarea#message
{
    margin-top: 20px;
    width: 97%;
}

input#contactus_submit
{
    width:100px;
    height:35px;
    background-color:#2f5597;
    color: white;
    text-align:center;
    border-radius: 10px;
    margin-top: 10px;
    font-size: 20px;
    
}

div.contactus_info_main
{
    width:50%;
    height:100%;
    
    float: right;

}

div.contactus_info_map
{
    width:50%;
    height:100%;
    
    float: right;

}

div.contactus_info_main_element
{
    
    padding-right: 10px;
    font-size: 20px;
    margin-top:7px;
}

iframe.contactus_info_map_content
{
    width:100%;
    height:100%;
}


/*footer elements*/
div.footer_grid
{
    width:33.33333333333333%;
    height:100%;
    float: right;
    position: relative;
}

img.footer_logo
{
    float:right;
    width: 200px;
    height:100px;
    margin-top:15px;
    margin-right: 25px;
}

div.footer_hint
{
    width:100%;
    font-size: 30px;
    clear: both;
    text-align: right;
    color: whitesmoke;
    padding-top: 15px;
    padding-right: 30px;
    box-sizing: border-box;
}

div.footer_multimedia
{
    width:100%;
    bottom: 0;
    height:50px;
    position: absolute;
}

img.footer_multimedia_element
{
    width: 10%;
    height: 80%;
    float: right;
    margin-right: 5%;
    border-radius: 20px;
    filter: grayscale(100%);
    margin-top: 1%;

}

img.footer_multimedia_element:hover
{
    filter: grayscale(0%);
    transition: 1s;
}

span.footer_multimedia_span
{
    margin-right:20px;
    top:25%;
    float: right;
    font-size: 25px;
    color: whitesmoke;
    position: relative;

}

div.footer_linksandservice_title
{
    background-color: #3a79dd;
    width: 50%;
    height: 50px;
    margin: auto;
    color: white;
    font-size: 25px;
    border-radius: 10px;
    text-align: center;
    padding-top:10px;
    box-sizing: border-box;
    margin-top: 30px;
}

div.footer_linksandservice_content
{
    margin-top: 50px;
}

a.footer_linksandservice_content_ambul
{
    color: white;
    text-decoration: none;
    font-size: 25px;
    float: right;
    width: 33.333333%;
    height: 60px;
    text-align: center;

}

a.footer_linksandservice_content_ambul:hover
{
    text-decoration: underline;

}

div.contactus_info_main_infooter
{
    margin-top: 20px;
    padding-right: 100px;
}

div.contactus_info_main_element_infooter
{
    color: white;

}
div.footer_trademark
{
   
    text-align: center;
    color:#bbb;
    margin-top: 30px;
}




/*reveal animation*/
.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active1{
  transform: translateY(0);
  opacity: 1;
}

/* about us elements*/
p.aboutus_paragraph
{
    text-align: center;
    font-size:25px;
}

span.aboutus_paragraph_title
{
    color: #2f5597;
    font-size:50px;
    vertical-align: top;
    margin: 0;
}

span.aboutus_paragraph_title_ar
{
    float:right;
    font-size:50px;
    margin-top: 20px;
    margin-right: 4%;
    color: #2f5597;
}

span.aboutus_paragraph_title_st{
    font-size: 100px;
    top:30px;
    color: #2f5597;
    margin:0;
    float:right;
    position: relative;
}

span#our_vision_word_rest
{
    position: relative;
    top:60px;
    right:-10px;
}

.seperator
{
    margin:0;
    width:94%;
    color: #2f5597;
    border: solid 1px;
}



/*controll pages elements*/
input.controll_input
{
    height: 70%;
    

}

.save_button_div
{
    background-color: #3a79dd;
}

.save_button
{
    width: 200px;
    height: 34px;
    background-color:#2f5597;
    color:#f2f2f2;
    border-radius: 10px;
    font-size:25px;
    cursor: pointer;
    margin-left: 45%;


}


/* top headercontroll elements*/

#topheader_controll_input
{
    position: relative;
    top:-5px;
    width:230px;
}
}