@media only screen and (max-width:1600px) {
.calander-block .date { padding: 12px 10px 10px; }
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
.menu > ul > li { padding: 0px 16px; }
.menu > ul > li > a, .menu > ul > li > ul > li > a { font-size: 16px; }
.footer-detail ul.logo { width: 60%; }
.footer-detail ul.contact-detail li { margin-left: 13px; }
.footer-detail ul.contact-detail { width: 60%; }
.contact-detail > li:last-child { float: right; margin-right: 17px; }
.carousel-inner::after { bottom: 11px; }
.carousel-control.right { right: 12px; }
.carousel-control.right, .carousel-control.left { padding-top: 17%; }
.carousel-control.left .fa { left: -19px; }
.logo { margin: 25px 0; }
header { padding: 0; }
.menu > ul > li { padding: 0px 1px; }
.menu > ul > li > a { padding: 8px 10px; }
.menu > ul > li.active > a, .menu > ul > li > a:hover { padding: 8px 10px }
.menu > ul > li > a, .menu > ul > li > ul > li > a { font-size: 14px; }
.menu > ul > li > ul > li > a { padding: 5px 20px; }
nav.menu { margin-top: 3px; }
.carousel-inner::before { top: -50px; width: 165px; }
.training-schedule { padding: 45px 0; }
.calander-block .date .day { font-size: 65px; }
.calander-block .date .month { font-size: 28px; }
.calander-block .date .year { font-size: 22px; }
.calander-block .event-title { font-size: 22px; line-height: 28px; margin: 0 auto 16px; }
.calander-block .time { font-size: 22px; margin-bottom: 20px; }
.calander-block .book-now { font-size: 17px; padding: 7px 14px; }
.calander-block .event-detail { min-height: 211px; }
.yellow-triangle span { top: 57px; font-size: 17px; }
.yellow-triangle { border-bottom-width: 85px; border-left-width: 85px; }
.event-date .event-day { font-size: 18px; }
}
@media (min-width:992px) and (max-width:1023px) {
.menu > ul > li { padding: 0px 1px; }
.menu > ul > li > a { padding: 8px 8px; }
.menu > ul > li.active > a, .menu > ul > li > a:hover { padding: 8px 8px }
.menu > ul > li > a, .menu > ul > li > ul > li > a { font-size: 14px; }
.menu > ul > li > ul > li > a { padding: 5px 20px; }
nav.menu { margin-top: 3px; }
.logo { margin: 25px 0; }
.footer-detail ul.logo { width: 60%; }
.footer-detail ul.contact-detail li { margin-left: 13px; }
.footer-detail ul.contact-detail { width: 60%; }
header { padding: 0; }
.training-schedule { padding: 40px 0; }
.calander-block .date .day { font-size: 60px; }
.calander-block .date .month { font-size: 25px; }
.calander-block .date .year { font-size: 18px; }
.calander-block .event-title { font-size: 22px; line-height: 31px; margin: 0 auto 16px; }
.calander-block .time { font-size: 18px; margin-bottom: 20px; }
.calander-block .book-now { font-size: 16px; padding: 7px 14px; }
.calander-block .event-detail { min-height: 205px; }
.yellow-triangle span { top: 57px; font-size: 17px; }
.yellow-triangle { border-bottom-width: 85px; border-left-width: 85px; }
.event-date .event-day { width: 43%; margin-bottom: 0; font-size: 17px; line-height: normal }
.calander-block .time::before { line-height: 24px; }
}
@media (min-width:768px) and (max-width:991px) {
.menu > ul > li { padding: 0px 1px; }
.menu > ul > li > a { padding: 8px 6px; }
.menu > ul > li > a, .menu > ul > li > ul > li > a { font-size: 14px; }
.menu > ul > li > ul > li > a { padding: 5px 20px; }
nav.menu { margin-top: 3px; }
.carousel-inner::before { top: -39px; width: 145px; }
.headerRight { text-align: left; }
.fb a, .phone a, .enquiry a { font-size: 16px; }
.fb { width: 100px; }
.fb::before { left: -10px; }
.phone { width: 140px; }
.phone::before { left: -10px; }
.enquiry::before { left: -15px; }
.enquiry { width: 184px; }
.menu > ul > li.active > a, .menu > ul > li > a:hover { padding: 8px 6px }
.homeBanner .carousel-caption .caption-inner { padding: 8px 15px; }
.homeBanner .carousel-caption .text1 { font-size: 20px; }
.carousel-inner::after { bottom: 18px; }
h1, .h1 { font-size: 34px; }
.logo { margin: 33px 0; }
#home-grid div.trainning-course h3 { font-size: 20px; }
#home-grid div.trainning-course .more { padding: 5px 0; }
.carousel-control.right .fa { right: -16px; }
.carousel-control.left .fa { left: -15px; }
.footer-detail ul.contact-detail { width: 80%; }
.footer-detail ul.logo { width: 100%; }
.carousel-control.right, .carousel-control.left { padding-top: 16%; }
#mainContent p { padding: 0 40px; }
#mainContent { padding: 30px 0; }
#mainContent .container { padding-bottom: 70px; }
.innerBanner .color h1 { font-size: 34px; }
.innerBanner .color { padding: 50px 0; }
.innerContent hr { margin: 30px 0; }
.logo { margin: 38px 0; }
nav.menu { margin-top: 3px; }
header { padding: 0; }
.homeVideo { margin: 0 }
.menu > ul > li > a::before { top: 7px; }
.homeBanner .container { padding-top: 18px; }
.training-schedule { padding: 30px 0; }
.calander-block .date .day { font-size: 55px; }
.calander-block .date .month { font-size: 22px; }
.calander-block .date .year { font-size: 15px; line-height: 22px; }
.calander-block .event-title { font-size: 19px; line-height: 25px; margin: 0 auto 14px; }
.calander-block .time { font-size: 16px; margin-bottom: 16px; }
.calander-block .book-now { font-size: 15px; padding: 6px 14px; max-width: 100px; }
.calander-block .event-detail { min-height: 176px; padding: 18px 21px 24px; }
.yellow-triangle span { top: 50px; font-size: 15px; }
.yellow-triangle { border-bottom-width: 75px; border-left-width: 75px; }
.event-date .event-day { margin-bottom: 0; font-size: 16px; line-height: normal }
.calander-block .time::before { line-height: 23px; }
}
@media (max-width:767px) {
.homeVideo { margin: 0; text-align: center; }
.responsive-video.clearfix { margin-bottom: 15px; }
h3.assistive-text { color: #fff; font-family: 'Roboto Condensed', sans-serif; display: block; font-size: 21px; font-weight: 400; left: 40px; position: absolute; top: -8px; }
h3.assistive-text { display: block; }
.carousel-inner::before { top: -40px; width: 115px; }
.innerBanner .color h1 { font-size: 30px; }
.innerBanner .color { padding: 40px; }
#home-grid { margin-top: 0; }
#mainContent p { padding: 0 10px; }
.mean-container .mean-bar { background: #00aeef !important; color: #fff; }
i.fa.fa-search { padding: 10px; color: #fff; border: 1px solid #fff; font-size: 16px; }
nav.menu { display: none !important; }
.logo img { width: 170px; max-width: inherit; }
.logo { float: none; margin: 0 auto; padding: 65px 0 20px; text-align: center; width: 170px; }
footer { text-align: center; }
footer a.pull-right { float: none !important; display: block; margin-top: 0px; }
.mean-container .mean-bar { top: 166px !important; }
.headerRight { text-align: center; margin: 0; width: 100%; position: absolute; text-align: center; top: 0; }
.fb a, .phone a, .enquiry a { font-size: 16px; }
.fb { width: 100px; }
.fb::before { left: -10px; }
.phone { width: 140px; }
.phone::before { left: -10px; }
.enquiry::before { left: -10px; }
.enquiry { width: 193px; }
section.search { top: 169px; position: absolute; right: 12px; z-index: 999999; }
.social { margin-bottom: 0px; }
.social ul { text-align: center; padding: 0; }
.homeBanner .carousel-caption .text1 { font-size: 18px; }
.homeBanner .carousel-caption .caption-inner { padding: 5px 15px; }
.carousel-inner::after { bottom: -22px; }
header { padding: 0 0 45px; }
.carousel-control.right .fa { background: rgba(41, 171, 225, 0.8) none repeat scroll 0 0; padding: 3px 10px; position: absolute; right: 0; }
.carousel-control.right, .carousel-control.left { padding-top: 15%; }
.carousel-control.left .fa { background: rgba(41, 171, 225, 0.8) none repeat scroll 0 0; padding: 3px 10px; position: absolute; left: 0; }
.footer-detail ul.contact-detail { width: 100%; }
.footer-detail ul.logo { width: 100%; }
.footer-detail ul.logo { padding: 40px 0; }
.footer-detail ul.contact-detail { padding-bottom: 30px; }
.copy-right .left, .copy-right .right { width: 100%; padding: 5px 0; text-align: center; }
.copy-right { padding: 10px 0 5px; }
#mainContent { padding: 20px 0; }
#mainContent .container { padding-bottom: 50px; }
.homeBanner .container { padding-top: 18px; }
.training-schedule { padding: 30px 0; }
.training-schedule .calander-block:last-child { margin-top: 30px }
.calander-block .date .day { font-size: 55px; }
.calander-block .date .month { font-size: 22px; }
.calander-block .date .year { font-size: 15px; line-height: 22px; }
.calander-block .event-title { font-size: 19px; line-height: 25px; margin: 0 auto 14px; }
.calander-block .time { font-size: 16px; margin-bottom: 16px; display: table; margin-left: auto; margin-right: auto }
.calander-block .book-now { font-size: 15px; padding: 6px 14px; max-width: 100px; }
.calander-block .event-detail { min-height: 176px; padding: 18px 21px 24px; }
.yellow-triangle span { top: 50px; font-size: 15px; }
.yellow-triangle { border-bottom-width: 75px; border-left-width: 75px; }
#all_elements { margin-top: 0 }
.calander-block .time::before { line-height: 22px }
.event-date .event-day { margin-bottom: 0; font-size: 15px; line-height: normal }
.calendar-btn a.button, .calendar-btn a.button:focus { font-size: 16px; padding: 8px 15px; }
.calendar-btn a.button .fa, .calendar-btn a.button:focus .fa { line-height: 28px; }
.calendar-btn { margin-bottom: 15px }
.homeVideo { width: 380px; max-width: 100%; float: none; margin: 0 auto; }
.homeFb { width: 380px; max-width: 100%; float: none; margin: 0 auto 20px; }
.home-bottom { padding: 30px 0 }
}
@media (max-width:640px) {
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-top: 30px }
h1, .h1 { font-size: 30px; }
h2, .h2 { font-size: 26px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 22px; }
h5, .h5 { font-size: 20px; }
h6, .h6 { font-size: 18px; }
h3.assistive-text { top: -19px; }
.carousel-control.right, .carousel-control.left { display: none; }
}
@media (max-width:639px) {
h3.assistive-text { top: -17px; }
.footer-detail ul.contact-detail li { width: 100%; text-align: center; margin: 0 0 15px 0; }
.contact-detail > li:last-child { text-align: center; margin-right: 0; }
.homeBanner .carousel-caption .text1 { font-size: 9px; }
.homeBanner .carousel-caption .caption-inner { padding: 0 8px; }
.logo { float: none; margin: 0 auto; padding: 15px 0 20px; text-align: center; width: 170px; }
.social ul { text-align: center; }
.headerRight { width: 100%; margin-top: 0; position: inherit; }
.mean-container .mean-bar { top: 171px !important; }
header { padding: 0 0 5px; }
section.search { top: 174px; }
.fb { width: auto; background: #00aeef; border-radius: 3px; }
.fb::before { display: none; }
.phone { width: auto; background: #008fc4; border-radius: 3px; }
.phone::before { display: none; }
.enquiry::before { display: none; }
.enquiry { width: auto; border-radius: 3px; background: #f7941d; }
.enquiry, .phone, .fb { text-align: center; padding: 5px 10px; }
.proudly { display: none; }
.training-schedule .calander-block { width: 330px; margin: 0 auto 30px; float: none; display: block }
.calander-block { font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; margin-bottom: 15px; width: 350px; max-width: 100%; display: inline-block; clear: both; float: none; }
.event-title { height: auto !important }
/*.event-date .event-day{width: 34%}*/
}
@media (max-width:440px) {
.logo { padding: 15px 0 8px; }
.social ul { padding: 0; margin-top: 15px; }
.mean-container .mean-bar { top: 173px !important; }
.social { display: inline-block; }
.homeBanner .container { padding-top: 20px; }
.carousel-inner { padding-bottom: 20px; }
.homeBanner .carousel-caption .text1 { font-size: 9px; line-height: 24px; }
.homeBanner .carousel-caption .caption-inner { padding: 0 8px; }
/*.homeBanner .carousel-caption .text1, .homeBanner .carousel-caption .caption-inner{ display:none;}*/
#home-grid div.trainning-course h3 { font-size: 20px; }
#home-grid div.trainning-course .more { font-size: 14px; padding: 5px; width: 70px; top: 63%; }
.footer-detail ul.logo li { margin-bottom: 10px; }
.footer-detail ul.contact-detail li, .footer-detail ul.contact-detail li a, .footer-detail ul.contact-detail li a i, .footer-detail ul.contact-detail li span { font-size: 20px; }
.footer-detail ul.contact-detail { padding-bottom: 10px; }
.copy-right a, .copy-right { font-size: 12px; }
.copy-right .left, .copy-right .right { padding: 0; }
p { margin: 0 10px 10px; }
header { padding: 0; height: 207px; }
#mainContent { padding: 0px 0; }
#mainContent .container { padding-bottom: 50px; }
#home-grid h2 { font-size: 30px; }
.innerBanner .color h1 { font-size: 28px; }
.innerBanner .color { padding: 30px; }
.innerContent hr { margin: 10px 0 5px; }
.carousel-inner::before { top: -16%; width: 65px; }
section.search { top: 176px; }
.training-schedule .calander-block { width: 100%; }
.training-schedule .calander-block, .training-schedule .calander-block:last-child { margin-bottom: 20px; }
.calander-block { width: 300px; }
/*.event-date .event-day{width: 42%;}*/
}