/*tablet horizontal + large screen*/
@media all and (min-width: 769px) {
#header-mobile, #mobile-menu-wrapper { display: none; }

/**/
}


@media all and (max-width: 1023px)  {
#home-intro{ position: initial; height:auto; padding: 0 10px;}
}


@media all and (min-width: 1025px) and (max-width: 1190px)  {
  #header-first-row, #header-second-row {padding: 0 15px;}
  #main{padding: 0 15px;}
  .page-template-page-home #main {padding: 0;}
  #home-intro {padding:0 15px;}
  #home-register-program {width: calc(100% - 20px); margin: 90px 10px 80px;}
  #footer { padding: 0 15px;}
  .desktop-menu a {padding: 21px 15px;}
  }
@media all and (min-width: 768px) and (max-width: 1024px)  {
  #header-first-row, #header-second-row {padding: 0 10px;}
  #main{padding: 0 10px;}
.page-template-page-home #main {padding: 0;}
#home-intro {padding:0 10px;}
#home-register-program {width: calc(100% - 20px); margin: 90px 10px 80px;}
#footer { padding: 0 10px;}
.desktop-menu a {padding: 21px 10px;}

/**/
}

/*common style for mobile and vertical tablet*/
@media all and (max-width: 768px)  {
#accessibility{overflow:hidden;position:relative !important;text-align:center;width:144px;margin:0 auto 20px; top:0 !important;}
#header {display: none;}
#wrapper {padding:60px 10px 0;}
.page-template-page-home #wrapper{padding: 60px 0 0;}
.page-template-page-home #formula {padding: 0 10px;}
.page-template-page-home #home-register-program {margin:0 10px; max-width: calc(100% - 20px); width:100%;}
#header-mobile, #mobile-menu-wrapper { display: block; }

/*Home*/
#home-register-program { margin: 10px 0;}
#home-register-program p {max-width: 100%; width:100%; padding: 0 0 20px;}
.register-link-container {max-width: 100%; width:100%; text-align: center;}
#home-register-program a {position: static;}
#arrow-down-home {display: none;}
#home-front {min-height: 0; margin:0 0 20px 0; float:right;}
#home-intro h2 {padding:10px 0;}
/*formula*/
#formula h2 {margin: 0 0 25px 0;}
#formula-icons li  {max-width: 100%; width:100%; text-align: right; margin: 0 0 20px 0;}
#formula-icons li div {float:none; display: inline-block;}
#formula-icons .furmola-text {float:none; line-height: 1; display: inline-block; max-width: calc(100% - 96px - 40px); color: #1c6083; vertical-align: middle; }
#tooltip {display: none;}

/**Program**/
#program-content,#about-content {margin:0; max-width: 100%;;}
#program-float-box {display: none;}
.page-template-page-about #program-float-box,.page-template-page-registration #program-float-box ,.page-template-page-registration-inner #program-float-box{display: block; max-width: 100%; padding: 0 10px;}
/**/
/*students*/
#students-container{max-width: 100%; width: 100%; margin:0;}
.mix {width: calc((100% - 32px) / 4);}
#sidebar {
  background: #f1f1f1;
  right: -300px;
  width: 300px;
  position: fixed;
  z-index: 999;
  top: 180px;
  height: 75vh;
  -webkit-box-shadow: -2px 0px 5px -2px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: -2px 0px 5px -2px rgba(50, 50, 50, 0.75);
  box-shadow: -2px 0px 5px -2px rgba(50, 50, 50, 0.75);
}
#sidebar-inner-container { overflow-y: scroll; position: relative; float: right; width: 100%; height: 90%; margin: 10px 0; padding: 0 10px; } .toggle-controls { cursor:pointer; position:absolute; left:-56px; top:70px; background:url("images/fillter-icon-white.png") no-repeat center center #f57a28; width:56px; height:55px; padding:10px; -webkit-box-shadow: -2px 0px 5px -2px rgba(50, 50, 50, 0.75); -moz-box-shadow:    -2px 0px 5px -2px rgba(50, 50, 50, 0.75); box-shadow:         -2px 0px 5px -2px rgba(50, 50, 50, 0.75); }

a.projects-button {margin:40px 0 0 0;}
/**Students**/
.student-thumb-container {height:146px;}
.mix{height: 175px;}
.event-right img {max-width: 50%;margin: 0px 0 0 15px;height: auto;}
.event-image-placeholder {max-width: 50%;margin: 0px 0 0 15px;}
/*Events*/
.event-date {font-size: 1rem;margin: 10px 0 6px;display: inline-block;}
.event-left {border-right: 5px solid #ebebeb;}
.event-right {border-left: none;}
.event-time { font-size: 1.175em; }

/**Events**/
#archive-events {max-width:100%}
/**/

/**Contact Us**/
ul#contact-top li {max-width: 100%; width: 100%; margin: 0 0 10px 0;}
.page-template-page-contact .gfield,#field_1_5{max-width: 100%; width: 100%; margin: 0 0 5px 0; position: static;}
/**Header**/
.entry-title {margin:19px 0;}
/**Footer**/
#footer {height: auto; padding: 0 10px 10px;}
#footer-row-one {position: relative;}
#footer-social {position: absolute; bottom:5px;left:0;}

/**Wp Gallety**/
.gallery {margin:auto !important;}
#gallery-2 .gallery-item {width:calc(100% / 3) !important;}


}



/*large or horizontal mobile*/
@media all and (min-width: 481px) and (max-width: 768px)  {
/**/
}

/*large or horizontal mobile*/
@media all and (min-width: 320px) and (max-width: 480px)  {
.event-right {width: 20%;}
.event-left {width:80%;}
/**/
}

/*vertical mobile*/
@media all and (max-width: 480px)  {
.mix {width: calc((100% - 24px) / 3); height: 155px;}
.student-thumb-container {height: 106px;}
.wp-caption{width:96%!important;margin:0 auto 20px;padding:2%!important;}
.wp-caption img{width:100%!important;margin:0!important;}
#footer-contact { font-size: 0.8rem;}

#gallery-2 .gallery-item {width:calc(100% / 2) !important;}

/**Student**/
#student-container .student-description{ width:100%;}
/**Registration Form**/
.gf_right_half,.gf_left_half, .gf_dob ,.gf_gender{max-width: 100%;margin:0 !important;}


/**/
}