@charset "utf-8";
body{font-family: roboto,sans-serif;padding:0;margin:0 auto; max-width: 2000px; background-color: #fff;}
ul{list-style:none}
a{text-decoration:none;outline:none}
body a:hover,body a:focus{color:initial;text-decoration:none}
a:focus{outline:none;text-decoration:underline}
textarea:focus{outline:none}
input{outline:none!important}
button,button:focus{outline:none}
a img{border:none; max-width: 100%}
img{border:0; max-width: 100%;}
p{padding:0;margin:0}
h1,h2,h3,h4,ul,p{padding:0;margin:0}
textarea{resize:none}
.form-control:focus{box-shadow: none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#fff}
input:-moz-placeholder,textarea:-moz-placeholder{color:#fff}
input::-moz-placeholder{opacity:1;outline:none}
textarea::-moz-placeholder{opacity:1;outline:none}
.clr{clear:both;height:0}
ul{padding:0;list-style:none}
a{text-decoration:none;-moz-transition:all .2s;-webkit-transition:all .2s;transition:all .2s}
a:hover{text-decoration:none;-moz-transition:all .2s;-webkit-transition:all .2s;transition:all .2s}
@font-face {
 font-family: 'FontAwesome';
 src:  url('../fonts/FontAwesome.otf')  format('opentype'),url('../fonts/FontAwesome.eot') format('embedded-opentype'), url(../fonts/FontAwesome.eot) format('woff'), url('../fonts/FontAwesome.ttf')  format('truetype'),url('../fonts/FontAwesome.svg#BrandonGrotesque-Regular') format('svg');
 font-weight: normal;
 font-style: normal;
}

/*-------------------Header css----------------------*/
header{z-index: 10; position:absolute; width: 100%;max-width: 2000px; margin: auto;}
.bg_color{background-color: #fff; border-radius: 70px; width: 100%; display: block; margin-top: 40px; overflow-x: hidden;}
.logo{ float: left; padding: 24px 0 0 50px; width:30%}
.info{float: right; width: 70%;}
.top_info{background-color: #15affc; border-radius: 0px 0px 0px 70px; text-align: center; padding: 12px 0; }
.top_info p{color: #fff; font-size: 15px; display: inline-block; margin-right: 40px;}
.top-btn{background-color: #ff9000; border-radius: 50px; font-size: 13px; font-weight: 700; padding: 10px 20px; text-align: center; display: inline-block;}
 .navbar-nav li.nav-item a.nav-link { font-size: 15px; font-weight: 400; padding: 10px 15px; color: #4e4e4e; }
 .top_info p a { color: #fff; font-weight: 700; }
.navbar-nav .active>.nav-link, li.nav-item.active a.nav-link, li.nav-item:hover a.nav-link, li.nav-item:focus a.nav-link{ color:#ff9000 !important; }
a.yellow_btn { background: #ff9000; padding: 10px 20px; display: inline-block; border-radius: 59px; font-size: 15px;font-size: 14px; font-weight: 600; color: #fff;}
a.yellow_btn:hover{background: #ec8600;color: #fff;}
.carousel{z-index: 9}
.slider .carousel-item { height: 600px; background-size: cover; background-position: top }
.slider .carousel-caption{position: absolute; right: 15%; bottom: 0px; top:45%; left: 6%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: left;width: 48%;}
.slider h1{ font-size: 59px; font-weight: 300;    line-height: 70px;}
.slider h1 strong{background-color: #15affc;display:inline-block; font-weight:700;text-align: center;padding: 0 10px;}
.slider .carousel-indicators li{width: 15px; height: 15px; border-radius: 100px; background-color: #fff; cursor: pointer;}
.slider .carousel-indicators .active{background-color: #ff9000;}
.home_about {background: #fbfbfb;padding: 40px 0;position: relative;}
.side_img { position: absolute; right: 0; width: 530px; top: 0; bottom: 0; }
h2.secondary-heading { font-size: 40px; font-weight: 400; margin-bottom: 20px;}
.home_about p { font-size: 14px; color: #3c3c3c; line-height: 23px; margin-bottom: 10px; }
.learn { padding: 75px 0; text-align: center; }
ul.learn_ul li { text-align: left; color: #373737; font-size: 16px; font-weight: 500; margin-bottom: 15px; padding-left: 25px; position: relative; }
ul.learn_ul li:before { content: ""; position: absolute; left: 0; height: 16px; width: 16px; background: url(../img/check-icon.png); top: 5px; }
.more_about{text-align: center;background: url(../img/more-about.jpg); height: 300px; background-size:cover; }
.more_about h2.secondary-heading {font-weight: 400; margin-bottom: 0; line-height: 300px; color: #ffffff; }
.listing_sec { margin: 50px 0 70px; }
.table_div { width: 80%; margin: 0 auto 40px; }
.table_div .text {width: 50%;float: right;}
.table_div .images {float:left; width:46%; margin-right: 4%;}
.table_div .text h3 { font-size: 36px;font-weight: 400; color: #272626;}
.table_div .text p { color: #3f3e3e; font-size: 18px; font-weight: 400; }
.table_div:nth-child(2n) .text {float:left; width:50%; margin-right: 4%;}
.table_div:nth-child(2n) .images {width:46%;float: right;margin-right:0;}
a.blue_btn { background: #28b3f4; color: #fff; font-size: 18px; font-weight: 600; padding: 12px 20px; display: inline-block; margin-top: 50px; }
a.blue_btn:hover{color: #ffffff;background: #ff9000;}
.table_div:nth-child(2n) a.blue_btn{background: #ff9000;}
.table_div:nth-child(2n) a.blue_btn:hover{background:#28b3f4;}
.gallery{ text-align: center;text-align: center;background: #fbfbfb; padding: 70px 0; }
.gallery_ul {float: left;width: 100%;}
.gallery_ul li { width: 32%; float: left;margin-right: 2%;margin-bottom: 2%;}
.gallery_ul li:nth-child(3n){margin-right:0;}
footer { background: #ff8c00; text-align: center; padding-top: 100px; }
footer h2.secondary-heading{color: #ffffff;}
a.spanish_s { color: #000; text-decoration: underline; font-size: 16px; font-weight: bold; }
footer p{margin:0 auto 15px; color: #ffffff; font-size: 16px; font-weight:400; width: 65%;}
ul.social {margin: 25px 0;}
ul.social li{display: inline-block;}
ul.social li a { font-size: 18px; color: #fff; padding: 0 7px; }
.useful_links { width: 60%; margin: auto; border: 1px solid #fb9f2f; border-right: 0; border-left: 0; padding: 20px; }
.useful_links h6 {color: #fff;font-size: 18px;font-weight: 300;}
.useful_links h6 strong{font-weight: 700;}
ul.useful_links_ul li { display: inline-block; padding-right: 23px; position: relative; }
ul.useful_links_ul li:after{ content: ''; border-right:1px solid #ffffff; position: absolute; height: 19px;right: 10px;top: 3px; }
ul.useful_links_ul li a{color: #ffffff; display: block; text-transform: uppercase;}
ul.useful_links_ul li:last-child{padding-right: 0;}
ul.useful_links_ul li:last-child:after{display: none;} 
ul.useful_links_ul {margin: 0;}
ul.useful_links_ul li a:hover, ul.useful_links_ul li a:focus, ul.useful_links_ul li.active a{color: #000000;}
.map iframe {height: 300px;width: 400px;}
.map { margin-bottom: 20px; }
.brochure {padding: 20px 0;}
.brochure img {width: 15%;}
.brochure h3 { font-size: 26px; color: #fff; margin-bottom: 10px; }
footer p.copyright { font-size: 13px; margin-bottom: 0; padding: 30px; }
.footer_logo { position: absolute; top: -151px; left: 0; right: 0; background: #fff; padding: 15px; width: 400px; height: 100px; margin: auto; border-radius: 50px; box-shadow: 0px 21px 30px rgba(7,8,8,.15); }
#elevator_item { width: 60px; height: 50px; position: fixed; right: 15px; bottom: 10px; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; opacity: 1; z-index: 100020; display: none; }
#elevator { display: block; width:40px; height:40px; background: url(../img/icon_top.png) center center no-repeat; background-color: #161616; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.2); cursor: pointer; margin-bottom: 10px; }

/*cource*/
.inner_banner {height: 500px; background-size: cover; background-position:top;}
h1.inner_h1 { text-align: center; margin-top: 310px; color: #fff; font-size: 46px; font-weight: 300; }
h1.inner_h1 strong{font-weight: 700;}
.courses_sec { padding: 50px 0; }
p.first-p { text-align: center; font-size: 16px; color: #4b4a4a; width: 90%; margin: auto; font-weight: 400; }
.courses_sec h2 { margin: 19px 0; text-align: center; color: #000000; font-weight: bold; font-size: 36px; }
ul.first_ul {float: left;width: 100%;}
ul.first_ul li { width: 31%; float: left; margin-right: 3%; }
ul.first_ul li:last-child{ margin-right:0;}
ul.first_ul li h4 {margin: 17px 0;font-size: 25px;font-weight: bold;}
ul.first_ul li p { font-size: 15px; color: #555555; margin-bottom: 10px; }
span.y-bg { display: inline-block; background-color: #ff9000; color: #fff; padding: 10px 15px; }
.level-sec { background: #f1f1f1; padding: 40px 0; }
.level-sec h4 { font-size: 24px; color: #141414; text-align: center; width: 81%; margin: auto; }
ul.level-sec-ul { margin: 15px 0; float: left; width: 100%; }
ul.level-sec-ul li { width: 33%; float: left; height: 300px; padding: 20px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
ul.level-sec-ul li strong { display: inline-block; background: #10ba6b; color: #fff; height: 80px; width: 80px; text-align: center; line-height: 75px; font-size: 28px; border: #ffffff 3px solid; border-radius: 100%; margin-bottom: 10px; }
ul.level-sec-ul li p { color: #2f2f2f; margin: 0; }
ul.level-sec-ul li:first-child{padding: 10px 0 0 0;}
ul.level-sec-ul li:nth-child(2){padding: 10px 30px 20px;}
ul.level-sec-ul li:nth-child(2) strong{background: #8ab221;}
ul.level-sec-ul li:nth-child(3){border-right: 0; padding: 10px 0px 20px 30px;}
ul.level-sec-ul li:nth-child(3) strong{background: #bf6539;}
ul.level-sec-ul li:nth-child(4){padding: 20px 0 0 0; border-bottom: 0; height: auto}
ul.level-sec-ul li:nth-child(4) strong{background: #e31b20;}
ul.level-sec-ul li:nth-child(5){padding: 20px 30px 20px;border-bottom: 0; height: auto}
ul.level-sec-ul li:nth-child(5) strong{background: #a9518b;}
ul.level-sec-ul li:nth-child(6){border-right: 0; padding: 20px 0px 20px 30px;border-bottom: 0; height: auto}
ul.level-sec-ul li:nth-child(6) strong{background: #5c5eac;}
.level-sec h5 { text-align: center; font-size: 21px; width: 98%; margin: auto; font-weight: 700; }

/*-----------------madridactivities Page css--------------------*/
.activit-sec {margin-top: 50px;}
.about-top h2{ font-weight:bold; color:#010101; margin-bottom: 5px; font-size: 36px; text-align: center;}
.about-top p{font-size: 16px; font-weight: normal; color: #4e4e4e;text-align: center;    width: 85%;
    margin: auto;}
.mid-container{padding-bottom: 25px;}
.img-heading{ color: #1a1a1a; font-size: 21px; margin-bottom: 5px; line-height: 30px;}
.arrow ul{margin: 0; padding: 0;}
.arrow li{list-style: none; text-align: left; position: relative; padding: 2.5px 0px 2.5px 25px; background: url(../img/act-icon.png) no-repeat left 8px; font-size: 17px;}
.img-heading2{ color: #1a1a1a; font-size: 19px; margin: 50px 0 25px; line-height: 30px;}
.act-bottom{margin: 30px 0 70px;}
.act-bottom ul{width: 100%; float: left; margin-bottom: 0;}
.act-bottom i{color: #00a8fc; margin-right: 5px;}
.act-bottom li{float: left; font-size: 15px; font-weight: 400; color: #252525; font-family: Myriad Pro; margin-left: 27px;}
.act-bottom a{color: #00a8fc;}
.act-bottom a:hover{color: #00a8fc; text-decoration: underline;}
.second-row{ margin-top: 30px; }
/*-----------------madridprice Page css--------------------*/
.price-para1{font-size:16px; line-height: 27px; margin-bottom: 5px; color: #4e4e4e; text-align: center;}
.price-heading1{color: #ff9000; font-size: 20px; font-style: italic;}
.price-container1{padding: 10px 0 25px;}
.price-box1{box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .05); min-height: 640px; margin-bottom: 30px;}
.price-box1 img{min-width: 100%;}
.price-box1 h3{background-color: #15affc; text-align: center; font-size: 20px; color: #fff; font-weight: 700; padding:6px 0;}
.price-box1 h4{color: #15affc; font-size: 20px; text-align: center; margin:20px 0 0px;}
.price-infobox{padding: 0px 15px;}
ul.price-infobox li{color: #4e4e4e; font-size: 15px; text-align: left; border-bottom: 1px solid #15affc; padding: 15px 0;}
ul.price-infobox .first_p{border-bottom: none; text-align: center;}
ul.price-infobox .second_p{padding-bottom: 37px;}
.price-box1 .price-heading2{background-color: #ff9000;}
.price-box1 .price-heading3{color: #ff9000;}
ul.price-infobox .price-bdr{border-bottom: 1px solid #ff9000;}
.price-container2{background-color: #f9f9f9; padding:10px 0px 0px;}
.price_disco{padding:30px 15px 30px;}
.price_disco p{color: #4e4e4e; font-size: 21px; font-weight:600; font-style: italic;}
.price_disco span{color: #ff8c00; font-weight: 700;}
.price_disco li{font-size: 18px; color: #4e4e4e; line-height: 30px;}
.price_accom{font-size: 25px; margin-bottom: 25px; text-align: center;}
.accom_box{background-color: #fff; padding:25px 12px 15px; min-height: 161px;}
.accom_hading{font-size: 20px; margin-bottom: 15px;}
.price_arrow li{list-style: none; text-align: left; position: relative; padding: 5px 0px 5px 25px; background: url(../img/act-icon.png) no-repeat left 8px; font-size: 16px;}
.endlist li{list-style: none; text-align: left; position: relative; padding: 2px 0px 2px 25px; background: url(../img/pric-icon.png) no-repeat left 8px; font-size: 16px;}
.price-container3{text-align: center; width: 100%; padding: 35px 0 25px;}
.top-container {margin: 50px 0 20px;text-align: center;}
.houseing { padding: 50px 0 0; }
ul.housing_ul { width: 80%; display: block; margin: 70px auto 0; }
ul.housing_ul > li {float: left;width: 48%; margin-right: 4%; }
ul.housing_ul > li:nth-child(2){margin-right:0;}
.box { width: 400px; height: 455px; box-shadow: 0px 4px 10px rgba(7,8,8,.15); margin: -60px 0 0 auto;position: relative;padding: 17px; background: #ffffff;}
.box:before{position: absolute;width: 0; height: 0; border-style: solid; border-width: 0 0 66px 400px; border-color: transparent transparent #ffffff transparent; content: "";top: -65px;right: 0;}
.box h6 { font-size: 19px; color: #343434; font-weight: 500; }
.box p { color: #464646; font-size:16px; font-weight: 500; margin-bottom: 50px; }
.box strong { display: block; color: #464646; font-size: 18px; font-weight: 500; }
.inner_ul > li {font-size: 16px;color: #464646;padding-left:25px;line-height: 28px; position: relative;font-weight: 600;}
.inner_ul > li:before{position: absolute; content: "";background: url(../img/act-icon.png); left: 0; height:16px; width: 18px;    top: 6px; }
.faq_inner {width: 80%;margin: auto;}
.faq {background: #f6f6f6;padding: 60px 0;}
.faq_inner .card-header {padding: .63rem 1.25rem; margin-bottom: 0; background-color: rgb(255, 255, 255); border-bottom: 0;position: relative; }
.faq_inner .card-header:first-child {border-radius: 0;}
.faq_inner .card { margin-bottom: 20px; border-radius: 0; border: 0; }
.faq_inner .btn.btn-link { font-size: 20px; color: #4e4e4e; text-decoration: none; }
.faq_inner .card-body {font-size: 16px;padding: 15px 30px;border-top: 2px solid #f6f6f6;}
.faq_inner .card-header button.btn.btn-link:after { content:"\f068"; position: absolute; right: 0; color: #ffffff; font: normal normal normal 20px/1 FontAwesome; background: #ff9000; height: 65px; top: 0; line-height: 65px; width: 48px; }
.faq_inner .card-header button.btn.btn-link.collapsed:after{content: "\f067";}
.madrid {padding: 70px 0;}
ul.madrid_ul { display: block; margin-top: 60px; }
ul.madrid_ul > li{width: 47%; float: left; margin-right:6%;}
ul.madrid_ul > li:nth-child(2){margin-right:0;}
ul.madrid_ul > li img{width: 100%}
.inner_box {padding:20px 40px;border: 1px solid #dbdbdb;border-top: 0;height:460px;}
.inner_box h4 { color: #000000; font-size: 24px; margin-bottom: 15px;min-height: 56px; }
ul.inner_box_ul li { font-size: 17px; color: #323232; line-height: 34px; padding-left: 25px;position: relative; font-weight: 500;}
ul.inner_box_ul > li:before{position: absolute; content: "";background: url(../img/pric-icon.png); left: 0;height: 14px; width: 16px; top: 11px;}
.inner_box p { color: #323232; font-size: 17px; font-weight: 400; }
.why_our_school { padding: 60px 0; }
img.why_img { float: right; margin: 0 0px 20px 20px; }
.why_our_school p.images_p strong { font-size: 34px; display: block; margin-bottom: 15px; }
.why_our_school p.images_p { color: #4b4a4a; font-size: 16px; font-weight: 400;line-height: 28px; }
ul.week { display: block; margin:35px 0; }
ul.week li { float: left; width: 18%; margin-right: 2.50%; height: 290px; background: #fff; padding:20px 15px 0;box-shadow: 4px 0 18px rgba(1,1,1,.20); }
ul.week li:nth-child(5){margin-right: 0;}
ul.week li p { font-size: 15px; line-height: 24px; color: #4b4a4a; }
ul.week li h5 {font-size: 25px;text-transform: capitalize; font-weight: 700;}
li.monday h5 {color: #10ba6b;}
li.tuesday h5 {color: #8ab221;}
li.wednesday h5 {color: #bf6539;}
li.thursday h5 {color: #e31b20;}
li.friday h5 {color: #a9518b;}
.why_our_school_bg { background: url(../img/why-bg.jpg) no-repeat; background-size: cover; padding: 60px 0; }
.img_div .w-100{height: 380px;}
.why_our_school_bg p b { color: #fff; font-size: 19px; font-weight: 600; }
.img_div { width: 46%; float: left; }
.text_div { float: right; width: 50%; color: #fff; }
.text_div p{color: #ffffff; font-size: 16px; line-height: 28px; font-weight: 400;}
ul.why_our_ul li { font-size: 16px; line-height:30px; padding-left: 23px;position: relative;font-weight: 600;}
ul.why_our_ul li:before{position: absolute; content: "";background: url(../img/pric-icon.png); left: 0;height: 14px; width: 16px; top: 11px;}
.img_div .carousel-indicators{bottom: -40px;}
.img_div .carousel-indicators li{width: 15px;height: 15px;background-color:#ffffff; border: 3px solid #fff; border-radius: 100%;}
.img_div .carousel-indicators .active{background-color:transparent;border: 3px solid #ff8f04;}
 p.last { color: #ff9900; font-size: 22px; font-weight: 600; }

/*===================media================*/
@media (max-width: 1199px){
.navbar-nav li.nav-item a.nav-link{padding: 9px 9px;}
.top_info p{font-size: 13px;margin-right: 6px;}
.slider h1 {font-size: 47px;}
h2.secondary-heading {font-size: 34px;}
.side_img{width: 425px;}
.learn {padding: 50px 0;}
.table_div .text h3 { font-size: 30px;}
a.blue_btn{    margin-top: 30px;}
.listing_sec { margin: 20px 0 30px; }
footer p{width: 80%;}
.act-bottom li {font-size: 13px; margin-left: 15px;}
ul.price-infobox .second_p{padding-bottom: 15px;}
.price_disco{padding:30px 0px 15px;}
.price_disco p{font-size: 19.5px;}
.price_disco li{font-size: 16px;}
.price-box1{min-height: 620px;}
ul.price-infobox li{padding: 11px 0; font-size: 14px;}
.price_arrow li{font-size: 15px;}
.inner_banner{height: 425px;}
ul.first_ul li h4 { margin: 13px 0 8px; font-size: 23px;}
ul.first_ul li p {font-size: 14px;color: #555555; margin-bottom: 10px;}
.level-sec h4 {font-size: 22px;}
ul.level-sec-ul li p{font-size: 15px;}
ul.level-sec-ul li:nth-child(2) {padding: 10px 15px 20px;}
.level-sec h5{font-size: 19px; width: 100%;}
ul.inner_box_ul li,.inner_box p {font-size: 16px;}
.madrid {padding: 40px 0;}
.box {width: 344px;height: 506px;}
.box:before{border-width: 0 0 66px 347px;}
h1.inner_h1{    margin-top: 245px;}
.faq_inner .btn.btn-link {font-size: 17px;}
.faq_inner .card-header{padding: 8px 1.25rem;}
.faq_inner .card-header button.btn.btn-link:after{height: 55px;line-height: 55px;}
}

@media (max-width: 991px){
.logo { float: left; padding:5px 0; width: 100%; text-align: center; }
.info{width: 100%;}
.top_info{border-radius: 0;padding: 5px 0;}
.top_info p{margin-bottom: 0;}
.bg_color{margin-top: 18px;}
.slider img { height: 600px; width: 100%; }
.slider .carousel-caption{top: 35%;}
.slider h1 {font-size: 36px;line-height: 56px;}
header .navbar{display: block !important;padding: .3rem 4rem;text-align: right;}
.side_img { width: 425px; position: relative; margin: 0 auto 20px; }
ul.navbar-nav {margin: 10px 0;}
.navbar-nav li.nav-item a.nav-link {padding: 9px 0;border-bottom: 1px solid #ff9000;}
.navbar-nav li.nav-item:last-child a.nav-link{border-bottom: 0;}
ul.learn_ul li{font-size: 15px;}
.more_about h2.secondary-heading{line-height: 200px}
.more_about{height: 200px;}
.table_div { width: 100%; margin: 25px auto; }
.useful_links {width: 80%;padding: 10px;}
ul.useful_links_ul li a{font-size: 15px;}
footer p.copyright{padding: 15px 0;}
footer p { width: 100%; font-size: 15px; }
ul.social { margin: 16px 0; }
.top-container{padding-bottom: 10px;}
.about-top{padding:0px 0px;}
.img-act{min-width: 100%; margin-bottom: 10px;}
.img-heading2{margin: 0px 0 10px 0;}
.img-act2{min-width: 100%; margin-top: 15px;}
.act-bottom{text-align: center;}
.act-bottom li{float: none; display: inline-block; font-size: 15px;}
.price-container1{padding: 10px 0 10px;}
.text-center{text-align: left!important;}
ul.price-infobox .first_p{text-align: left;}
.price_disco{padding: 20px 0 15px;}
.accom_box{margin-bottom: 20px;}
.price_accom{margin-bottom: 18px;}
.price-container3{padding-top: 20px;}
.price-box1{min-height: auto;}
.price-infobox{padding: 0 15px 8px;}
.accom_box{min-height: auto;}
h1.inner_h1{margin-top: 262px;font-size: 38px;}
.courses_sec h2{font-size: 29px;}
ul.first_ul li{width: 100%; margin-bottom:4%;margin-right: 0;}
.courses_sec { padding: 30px 0 0; }
ul.level-sec-ul li strong{height: 60px; width: 60px;line-height: 52px; font-size: 20px;}
ul.level-sec-ul li p {font-size: 14px;}
.inner_box h4{font-size: 18px; margin-bottom: 8px; min-height: 42px; }
ul.inner_box_ul li, .inner_box p { font-size: 15px; line-height: 23px; margin-bottom: 8px; }
img.why_img{width: 400px;}
.why_our_school p.images_p strong {font-size: 26px;}
ul.week li{margin-bottom: 2.5%;width: 30%;}
.why_our_school {padding: 30px 0;}
.text_div {width: 100%;margin-top: 50px;}
.img_div {width: 100%;float: left;}
.img_div .carousel{width: 400px; margin: auto;}
ul.housing_ul > li{width: 100%; margin-bottom: 20px;    height: auto;}
ul.housing_ul > li img{width: 100%}
.box {width: 100%;  height: auto;}
.box:before{display: none;}
.box p{ margin-bottom: 15px;}
.faq_inner {width: 100%;}
.faq_inner .btn.btn-link {font-size: 16px;}
.map iframe {height: 250px;width: 350px;}
.inner_box {padding: 20px 30px;}
.brochure img {width: 18%;}
.brochure h3 {font-size: 24px;}
}
@media (max-width: 767px){
a.yellow_btn{padding: 8px 13px;font-size: 13px;margin-top: 5px;}
.slider .carousel-caption {top:20%;width: 65%;}
.slider img {height: 500px;}
h2.secondary-heading { font-size: 30px; margin-bottom: 12px; }
.home_about{padding: 25px 0;}
.learn { padding: 20px 0;}
ul.learn_ul li { font-size: 14px; }
.table_div .text h3 {font-size: 25px;}
.table_div .text p{font-size: 15px;    margin-bottom: 0;}
.more_about h2.secondary-heading { line-height: 150px; }
.more_about { height: 150px;}
.table_div .text { width: 100%; margin-bottom: 20px; }
.table_div .images{width: 100%;}
.table_div:nth-child(2n) .text {float: left;width: 100%;margin-right: 0;}
.table_div:nth-child(2n) .images {width: 100%;}
a.blue_btn{font-size: 15px;padding: 9px 16px;margin-top: 10px;}
.mid-container{padding-bottom: 10px;}
.about-top h2{font-size: 30px;}
.about-top p{font-size: 15px;}
.img-act3{text-align: center;}
.price-para1{text-align: justify; margin-bottom: 15px;}
ul.price-infobox li{text-align: justify;}
.price_disco p{font-size: 17px;}
.price_disco li{text-align: justify; font-size: 15px; line-height: 25px; padding: 4px 0;}
ul.endlist li{padding: 2px 0px 2px 25px; text-align: left;}
.level-sec h4 { font-size: 18px; width: 100%; }
ul.level-sec-ul li { width: 100%; float: left; height: auto; border-right: 0; border-bottom: 1px solid #e5e5e5; }
ul.level-sec-ul li:first-child, ul.level-sec-ul li:nth-child(2),ul.level-sec-ul li:nth-child(3),ul.level-sec-ul li:nth-child(4), ul.level-sec-ul li:nth-child(5), ul.level-sec-ul li:nth-child(6) { padding: 10px 0 20px;border-bottom: 1px solid #e5e5e5;}
.level-sec h5 {font-size: 15px;}
ul.madrid_ul > li { width: 100%; float: left; margin-right: 0; margin-bottom: 6%; }
.inner_box { padding: 10px 14px; border: 1px solid #dbdbdb; border-top: 0; height: auto; }
.madrid {padding: 30px 0 0;}
.act-bottom { margin: 15px 0 70px;}
.inner_box h4{min-height: auto}
img.why_img {width: 100%;}
ul.week li { margin-bottom: 2.5%; width: 100%; height: auto; margin-right: 0; }
.why_our_school_bg{padding: 40px 0;}
.why_our_school_bg p b{font-size: 16px;}
ul.week li h5 { font-size: 22px;}
ul.housing_ul{margin: 37px auto 0;}
.faq_inner .btn.btn-link {font-size: 13px; word-break: break-all;white-space: inherit;text-align: left;    padding: 0;}
.faq_inner .card-header {padding: 10px;}
.faq_inner .card-header button.btn.btn-link:after{text-align: center;height: 46px;line-height: 46px;font-size: 16px; width: 29px;}
.faq_inner .card-body {font-size: 13px;padding: 13px 14px;}
/*15-1-2019*/
.top_info { border-radius: 0;padding: 5px 0; position: fixed;width: 100%;left: 0;bottom: 0;z-index: 1;background-color: rgba(21, 175, 252, 0.67);}
footer{padding-bottom: 44px;}
.bg_color {margin-top: 10px; background-color:#ffffff;border-radius: 4px;}
.logo{padding: 5px 10px;width: auto;}
header .navbar {padding:5px 10px;margin-top: -54px;}
.useful_links { width: 88%; padding: 10px;}
.logo{position: relative;z-index: 99;}





}
@media (max-width:575px){
.slider h1 { font-size: 29px; line-height: 48px; }
.gallery{padding: 15px 0 60px;}
footer{padding-top:75px;}
.footer_logo{top:-115px;width: 285px; height: 74px;padding: 10px 15px;}
.useful_links { width: 100%; padding: 10px 0; }
ul.social { margin: 5px 0; }
ul.useful_links_ul li a { font-size: 14px; }
.gallery_ul li { width: 48%;}
.gallery_ul li:nth-child(3n) {margin-right: 2%;}
.accom_hading{margin-bottom: 8px;}
.price_disco{padding: 5px 0 15px;}
.act-bottom{text-align: left;}
.price-para1 {font-size: 14px; line-height: 23px;}
h1.inner_h1 {margin-top: 270px;font-size: 29px;}
.inner_banner { height: 375px; }
p.first-p{font-size: 15px;    width: 100%;}
ul.madrid_ul{margin-top: 20px;}
ul.housing_ul {width: 100%;}
.faq {padding: 16px 0;}
.faq_inner .btn.btn-link{padding: 0 18px 0 0;}
.faq_inner .card-header {padding: 8px;}
.brochure img {width: 25%;}
.brochure h3 {font-size: 20px;}
}

@media (max-width:480px){
.side_img { width: 250px;}
.slider h1 { font-size: 20px; line-height: 35px; }
.slider img {height: 430px;}
.slider .carousel-caption {top:32%;width: 70%;}
h2.secondary-heading { font-size: 25px;}
.home_about p { font-size: 13px; margin-bottom: 5px;}
ul.learn_ul li { font-size: 13px; }
.gallery_ul li { width: 100%; margin-right: 0; }
footer p {font-size: 13px; }
.about-top h2{font-size: 25px;}
.about-top p{font-size: 14px;}
.img-heading {font-size: 15px;line-height: 23px;}
.arrow li{font-size: 15px;}
.img-heading2 { font-size: 15px; line-height: 21px; }
.activit-sec {margin-top: 30px;}
p.first-p{font-size: 14px;width: 100%;}
.courses_sec h2 { font-size: 21px; }
.level-sec h4 { font-size: 16px;}
.act-bottom {margin: 20px 0 70px;}
.img_div .carousel {width: auto;}
p.last{font-size: 16px;}
ul.why_our_ul li { font-size: 15px; line-height: 28px;}
.map iframe {height: 200px;width: 200px;}
.slider .carousel-item {height: 440px;}
.brochure h3 {font-size: 18px;}
.brochure img { width: 34%;}
}


@media (max-width:400px){
footer {padding-bottom: 85px;}
.logo{width: 70%;}
header .navbar{ margin-top: -55px;}
}

@media (max-width:360px){
header .navbar{ margin-top:-52px;}
}