@media only screen and (max-width: 1600px) {
.scroll-top{
right: 3%;
}
}
@media only screen and (max-width: 1366px) {
.banner .item .banner-content{
padding: 200px 0px;
}
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
header .header-top .left li{
margin-right: 20px;
}
header .header-top .right li{
margin-left: 5px;
}
header .header-top .right li:first-child{
margin-left: 0px;
}
.teachers .teacher-item .teacher-image{
float: initial;
}
.banner-content h2 {
font-size: 50px;
}
.teacher-details .teacher-skills .skill-item{
margin-right: 12px;
}
.teacher-details .teacher-award li{
margin-right: 30px;
}
.facility-two .facility-item .front-part{
padding: 40px 10px;
}
.facility-two .facility-item .back-part{
padding: 0px 10px;
}
.event-single .event-counter .clock-item{
margin-right: 7px;
}
}
@media only screen and (max-width: 1199px) {
header .main-menu ul li a{
padding: 7px 7px;
}
header .header-top .left {
float: left;
margin: 0px 0 5px;
}
.header-two .top-contents li{
margin-left: 40px;
}
.header-two .main-menu ul li a{
padding: 25px 9px;
}
.header-two .main-menu .menu-search{
margin: 15px 5px 5px 5px;
}
.header-two .main-menu .menu_cart > span{
margin: 15px 5px 5px 5px;
}
.header-two .main-menu .menu-button{
margin-left: 15px;
}
.banner .item .banner-content{
padding: 180px 0px;
}
.gallery .gallery-item{
width: 31.2%;
}
.gallery-two .gallery-item{
width: 24.99%;
}
.event .event-item.wide{
width: 33.33%;
}
.event .event-item.wide .event-image,.event .event-item.wide .event-content{
width: 100%;
}
.subscribe form input:first-child{
width: 61%;
}
.product .product-item-grid{
width: 29.2%;
}
.product .product-item-grid .icon:nth-child(3){
left: 13%;
}
.product .product-item-grid .icon:nth-child(5){
right: 13%;
}
.product .product-item-grid .pro-content h4 a, .product .product-item-grid .pro-content span{
font-size: 16px;
}
.product .product-item-list .pro-image{
width: 35%;
}
.product .product-item-list .pro-rating{
top: 15px;
}
.product .product-item-list .pro-content{
padding: 20px;
}
.shop-cart table tr th, .shop-cart table tr td{
padding: 15px;
}
.shop-cart table tr .remove-cart{
width: 80px;
}
}
@media only screen and (max-width: 991px)  and (min-width: 768px) {
header .main-menu .navbar-header{
width: 100%;
height: 10px;
}
header .main-menu .navbar-brand{
padding: 15px;
}
header .main-menu .navbar-brand img{ width: 82%;
margin-right: 0px;
display: inline-block;
}
.navbar-nav{
float: right;!important;
}
header .main-menu ul li a{
padding: 40px 4px;
}
header .main-menu .menu_cart > span{
margin: 33px 10px 26px 10px;
}
header .main-menu .menu-search{
margin: 33px 0px 26px 10px;
}
.header-two .main-menu .navbar-header{
display: none;
}
.header-four .main-menu ul li a{
padding: 40px 20px;
}
}
@media only screen and (max-width: 991px) {
.about{
margin-top: -40px;
width: 100%;
}
.btn{
margin: 0px;
}
.scroll-top {
right: 4%;
}
.holiday-list-sec{
margin-top:-40px;
}
.service {
text-align: center;
color: #0067b9;
margin: 0;
margin-bottom: 20px;
margin-top: -40px;
font-size: 22px;
}
.about .about-content ul li:last-child a {
background-color: #0067b9;
color: #fff;
margin: 60px;
}
.subject {
background-image: url(//thearyansschool.org/wp-content/themes/aryans/images/courses-bg.jpg);
background-attachment: fixed;
margin-top: -30px;
}
.features .features-right .feature-item .icon {
float: left;
margin-right: 0px;
margin-top: 10px;
}
header .main-menu .navbar-brand{
display: inline-block;
height: auto;
padding: 5px 0px;
}
header .header-top .left li {
list-style: none;
display: inline-block;
float: none;
font-size: 14px;
margin-right: 0;
}
.navbar-brand>img {
display: block;
margin-left: 0px;
}
header .main-menu ul li a {
padding: 0px 3px 11px;
font-size: 13px;
}
.about-two .about-content h3 {
font-size: 22px;
margin-top: 40px;
}
header .header-top .left {
float: left;
margin-top: 3px;
width: 40%;
}
.achievements .achievement-item span {
color: #fff;
font-size: 30px;
font-weight: 700;
}
.features .feature-item .content {
display: block;
}
.features .features-left .feature-item .icon {
float: right;
margin-left: 0;
}
.iq_heading_1 > h4 span {
color: #0093dd;
font-size: 22px;
}
.iq_heading_1.aryan h4 {
font-size: 22px;
}
.iq_heading_1.Vision h4 {
font-size: 22px;
}
.iq_heading_1.form h4 {
font-size: 22px;
margin-top: -15px;
}
.iq_heading_1.school h4 {
font-size: 22px;
margin-bottom: 18px;
margin-top: -50px;
}
.teacher-content h4 {
font-size: 17px;
}
.iq_heading_1.timing h4 {
font-size: 22px;
margin-top: -10px;
}
.iq_heading_1.calendar h4 {
font-size: 22px;
margin-top: 0px;
}
.admissionrules h3 {
text-align: center;
font-size: 22px;
}
.noticeboard h3 {
text-align: center;
color: #fff;
font-size: 22px;
margin-top: -30px;
}
.gallery {
text-align: center;
margin-top: 0px;
}
.studentdatabase h3{
font-size: 22px;
}
.contact-details{
margin-top: -50px;
}
.contact-form .contact-button {
background-color: #0067b9;
outline: none;
margin-bottom: 15px;
font-weight: 700;
font-size: 12px;
padding: 17px 30px;
margin-top: 25px;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
}
.page-header h3 {
font-size: 30px;
color: #fff;
padding: 13px;
}
.about-page3-area {
background-color: #f0f0f0;
margin: 0px;
}
.row.about-page3-inner {
margin-top: -30px;
}
.school-timing-sec {
margin-top: 0px;
}
.academic-calendar-sec {
background-color: #e9f5ff;
margin-top: 10px;
padding: 20px 0;
}
.about-box p{
text-align: justify;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
font-size: 13px;
}
header .header-top .left li span {
color: #fff;
margin-left: 3px;
}
.section-header h3 {
color: #333;
margin: 0;
margin-bottom: 20px;
font-size: 22px;
margin-top: -20px;
}
.section-header.bg h3 {
color: #0067b9;
font-size: 22px;
}
.section-header-two h3 {
color: #0067b9;
text-align: center;
margin-top: -40px;
font-size: 22px;
}
.gallery-two .gallery-two-items {
margin-bottom: 0px;
overflow: hidden;
margin-top: -20px;
}
.section-header-one h3 {
color: #0067b9;
text-align: center;
margin: 0;
margin-bottom: 20px;
font-size: 22px;
}
.testimonial {
background-color: #f3f3f3;
margin-top: -20px;
}
.admissionrules {
background-color: #f0f0f0;
padding: 60px 0;
margin-top: -80px;
}
.downloadprospectus h3{
font-size: 22px;
}
.admissionenquiry h3 {
margin: 40px;
text-align: center;
color: #fff;
font-size: 22px;
margin-top: 20px;
}
.result {
padding: 20px;
background-color: #fff !important;
margin-bottom: 20px;
margin-right:60px;
}
.result-one {
padding: 20px;
background-color: #fff !important;
margin-right: 60px;
}
header .main-menu .navbar{
position:relative;
width: 100%;
background: rgba(255,255,255,0.8);
}
.navbar-nav {
margin: 0;
width: 96%;
margin-right:26px;
}
.take-tour {
position: fixed;
bottom: -100px;
right: 96px;
font-size: 20px;
bottom: 0;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
min-width: 180px;
background: #0067b9;
border: none;
height: 40px;
font-size: 15px;
color: #fff;
z-index: 999;
}
.school-fees-sec h4 {
font-size: 22px;
}
.event-page h4 {
font-size: 22px;
}
.holiday-list-sec h4 {
font-size: 22px;
}
.academic-calendar-sec h4 {
font-size: 22px;
}
.text-center {
text-align: center;
padding: 10px;
}
.parent-teacher-sec h4 {
font-size: 22px;
}
.school-timing-sec h4 {
font-size: 22px;
}
header .main-menu .navbar-collapse {
max-height: 250px;
float: right;
}
.header-two .main-menu ul li a{
padding: 25px 6px;
}
.header-two .main-menu .menu-button{
display: none;
}
.banner .item .banner-content{
padding: 150px 0px;
}
.banner .item .banner-content h3{
font-size: 32px;
}
.banner .item .banner-content h2{
font-size: 56px;
}
.banner-three .banner-content{
text-align: center;
}
.facility .facility-item{
margin-bottom: 30px;
}
.facility-two .facility-item{
width: 50%;
margin: 0px;
}
.about .about-image{
margin-bottom: 50px;
}
.about .about-content{
text-align: center;
margin-top: -30px;
}
.about .about-content ul li{
float: initial;
margin-right: 15px;
}
.features .feature-item{
text-align: center!important;
}
.features .feature-item .icon{
float: initial!important;
margin: 0px 0px 10px;
}
.teacher-details .teacher-image{
margin-bottom: 30px;
}
.teacher-details .teacher-skills{
margin-bottom: 50px;
}
.gallery .gallery-item{
width: 47.95%;
}
.gallery-two .gallery-item{
width: 50%;
}
.event .event-item, .event .event-item.wide{
width: 50%;
}
.event-two .event-item{
margin-bottom: 30px;
}
.blog .blog-item{
margin-bottom: 30px;
}
.single-post .reply-form{
margin-bottom: 50px;
}
.contact-details ul{
margin-bottom: 0px;
}
.contact-form .contact-input:nth-child(1){
width: 100%;
float: initial;
}
.contact-form .contact-input:nth-child(2){
width: 100%;
float: initial;
}
.product .product-item-grid .icon:nth-child(6){
right: 13%;
}
.pro-details .product-slider{
margin-bottom: 50px;
}
.product .pagination{
margin-bottom: 50px;
}
.subscribe h3{
margin-bottom: 10px;
}
.subscribe form{
text-align: left;
}
.subscribe form input:first-child{
width: 71%;
}
.error-page .error-content:before, .error-page .error-content:after{
display: none;
}
footer .footer-item{
margin-bottom: 50px;
}
.event-item.wide.right{
height: 496px;
}
.event-item.wide.left{
height: 496px;
}
.event .event-item.wide.right .event-image{
width: 100%;
}
.event .event-item.wide .event-image:after{
bottom: -2px;
left: 46%;
}
.event .event-item.wide.right .event-image:after{
left: 51.3%;
bottom: 103%;
}
}
@media only screen and (min-width: 768px) {
header .main-menu ul li ul, .navbar-right .dropdown-menu{
display: none;
width: 220px;
left: 0px;
padding: 0px;
border: none;
opacity: 0;
-webkit-transition: .25s;
transition: .25s;
border-radius: 0px;
}
header .main-menu ul li:hover ul{
display: block;
opacity: 1;
}
header .main-menu ul li ul li a{
padding: 10px 15px;
}
.header-two .main-menu .nav > li:first-child > a{
padding-left: 0px;
}
header .main-menu ul li ul li ul{
left: 100%!important;
right: auto!important;
top: 38px;
display: none!important;
}
header .main-menu ul li ul li:hover ul{
display: block!important;
}
}
@media only screen and (max-width: 767px) {
.contact-form{
margin-top: 0%;
}
.about-two {
background: #f3f3f3;
margin-top: -40px;
}
.navbar-brand>img {
display: block;
margin-left: 5px;
}
header .main-menu .navbar-collapse {
max-height: 250px;
float: left;
width: 96%;
}
.teachers-page {
background: #fff;
margin-top: -20px;
} .about .about-content ul li:last-child a {
background-color: #0067b9;
color: #fff;
margin: 10px;
}
.achievements h3 {
text-align: center;
color: #fff;
margin: 0;
margin-bottom: 20px;
font-size: 20px;
margin-top: -30px;
}
.achievements .achievement-item span {
color: #fff;
font-size: 30px;
font-weight: 700;
}
.achievements .overlay {
background-color: rgba(0, 0, 0, 0.46);
padding: 40px;
}
.service {
text-align: center;
color: #0067b9;
margin: 0;
margin-bottom: 20px;
font-size: 22px;
margin-top: -34px;
}
.about .about-content p {
color: #101010;
line-height: 25px;
margin-top: 0px;
}
.features {
position: relative;
background-image: url(//thearyansschool.org/wp-content/themes/aryans/images/background/gallery-bg.jpg);
background-size: cover;
background-position: center;
overflow: hidden;
margin-top: -30px;
}
.section-header h3 {
color: #333;
margin: 0;
margin-bottom: 20px;
margin-top: -30px;
}
.features .features-right .feature-item:nth-child(1) .icon {
background-color: #e84b3a;
margin-top: 10px;
}
.features .features-left .feature-item .icon {
float: right;
margin-left: 0px;
}
.features .features-right .feature-item .icon {
float: left;
margin-right: 0px;
}
.section-header-one h3 {
color: #0067b9;
text-align: center;
margin: 0;
margin-bottom: 20px;
font-size: 22px;
margin-top: 0px;
}
.section-header-two h3 {
color: #0067b9;
text-align: center;
margin-top: 30px;
font-size: 22px;
}
.button-default {
display: inline-block;
text-decoration: none;
color: #fff;
font-size: 16px;
background-color: #0067b9;
border-radius: 2px;
padding: 10px 25px;
transition: .25s ease-out;
margin-top: -10px;
}
.testimonial {
background-color: #f3f3f3;
margin-top: -30px;
}
.blog .overlay {
background-color: rgba(7,143,203,.8);
margin-top: -20px;
}
.event .event-item .event-content {
display: table;
padding: 20px;
min-height: 0px;
}
.iq_heading_1 > h4 span {
color: #0093dd;
font-size: 22px;
}
.iq_heading_1.aryan h4 {
font-size: 22px;
margin-top: -12px;
}
.iq_heading_1.Vision h4 {
font-size: 22px;
}
.row.about-page3-inner {
margin-top: 10px;
}
.iq_heading_1.form h4 {
font-size: 22px;
margin-top: -12px;
}
.iq_heading_1.school h4 {
font-size: 22px;
margin-bottom: 30px;
margin-top: -60px;
}
.teacher-content h4 {
font-size: 16px;
margin-top: 0px;
}
.iq_heading_1.calendar h4 {
font-size: 20px;
margin-top: 0px;
}
.iq_heading_1.timing h4 {
font-size: 20px;
margin-top: 0px;
}
.academic-calendar-sec {
background-color: #e9f5ff;
margin-top: 10px;
padding: 20px 0;
}
.admissionrules h3 {
text-align: center;
font-size: 22px;
margin-top: -25px;
}
.downloadprospectus h3{
font-size: 22px;
margin-top: 10px;
}
.admissionenquiry h3 {
margin: -10px;
text-align: center;
color: #fff;
font-size: 22px;
margin-top: 16px;
}
.noticeboard h3 {
text-align: center;
color: #fff;
font-size: 22px;
}
.modified {
padding: 30px;
margin-top: -20px;
}
.modified h4{
font-size: 15px;
}
.Permanent {
padding: 10px;
margin-top: -30px;
}
.Permanent h4{
font-size: 15px;
}
.gallery {
text-align: center;
margin-top: 0px;
}
.gallery .gallery-menu {
display: inline-block;
margin: 0 auto 10px;
}
.gallery .gallery-items {
overflow: hidden;
margin-bottom: 10px;
}
footer .footer-top {
padding-top: 15px;
padding-bottom: 30px;
background-color: #112b4cf2;
background-size: cover;
background-position: center;
margin-top: -10px;
}
.studentdatabase h3{
font-size: 22px;
}
.studentdatabase {
text-align: center;
margin: 0px;
}
.studentdatabase tr{
font-size: 13px;
}
.contact-details{
margin-top: 0px;
padding: 0px;
}
.contact-item .content {
display: table;
margin: 10px 0;
}
.contact-form .contact-input {
width: 100%;
margin-bottom: 10px;
color: #696969;
border: none;
border-bottom: 1px solid #bdbaba;
padding: 15px;
outline: none;
resize: none;
margin-top: -10px;
}
.contact-form .contact-button {
background-color: #0067b9;
outline: none;
margin-bottom: 15px;
font-weight: 700;
font-size: 12px;
padding: 17px 30px;
margin-top: 5px;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
}
header .main-menu .navbar-brand {
padding: 7px 2px;
width: 130px;
}
header .main-menu .navbar-toggle {
margin-top: 8px;
margin-bottom: 20px;
}
.header-three{
position: relative;
}
header .header-top .left li {
list-style: none;
display: block;
float: left;
font-size: 13px; }
.classes .class-item .schedule li span {
display: block;
line-height: 20px;
font-size: 14px;
}
.table td{
font-size: 10px;
}
.header-three .header-top { }
.about {
margin-top: -7px;
width: 100%;
}
.about-two .about-content h3 {
font-size: 22px;
margin-top: 0px;
}
.section-header.bg h3 {
color: #0067b9;
font-size: 22px;
margin-top: 30px;
}
header .main-menu {
position: relative;
background-color: rgba(255, 255, 255, 0.60);
z-index: 9;
margin-bottom: -40px;
}
.admissionrules {
background-color: #f0f0f0;
padding: 60px 0;
margin-top: -40px;
}
.result {
padding: 20px;
background-color: #fff !important;
margin-bottom: 20px;
margin-right: 0px;
}
.result-one {
padding: 20px;
background-color: #fff !important;
margin-right: 0;
}
.contact-item {
list-style: none;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 0px; }
header .header-top .right {
float: none;
display: none;
}
.header-three .header-top {
text-align: center;
padding:14px;
}
.sticky-admission{
top: 200px;
}  
.slider-area {
text-transform: uppercase;
position: relative;
top: 80px;
}
.sticky-fee-payment{
top: 37%;
left: -57px;
z-index: 99999;
position: fixed;
transform: rotate(90deg);
right: inherit;
}
header .main-menu ul li a{
padding: 10px 15px;
border-bottom: 1px solid #f0f0f0;
}
header .main-menu ul li:last-child a{
border: none;
}
header .main-menu .menu_cart > span, header .main-menu .menu-search{
display: none;
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{
padding: 10px 15px 10px 25px;
}
.header-two .navbar-brand{
display: block;
}
.header-two .main-menu .navbar-collapse.collapse{
padding-left: 15px;
}
.header-two .main-menu ul li a{
padding: 10px 15px;
}
.header-two .main-menu ul li ul li a{
color: #fff!important
}
.header-four .main-menu ul li a{
padding: 15px;
}
.header-four .main-menu ul li a .icon{
text-align: left;
float: left;
margin-right: 10px;
}
.banner .item .banner-content{
padding: 100px 0px;
}
.banner .item .banner-content h3{
font-size: 26px;
}
.banner .item .banner-content h2{
font-size: 40px;
}
.teacher-details .teacher-skills, .teacher-details .teacher-award{
text-align: center;
}
.teacher-details .teacher-skills .skill-item, .teacher-details .teacher-award li{
margin-right: 10px;
margin-bottom: 10px;
}
.facility-two .facility-item{
width: 100%;
}
.classes .class-item{
text-align: center;
}
.classes .class-item .schedule li{
width: 50%;
margin-bottom: 0px;
}
.teachers .teacher-item .teacher-image{
float: initial !important;
}
.gallery .gallery-menu li{
font-size: 12px;
padding: 0px 10px 10px;
}
.gallery .gallery-menu li.active:before{
bottom: -9px;
}
.gallery .gallery-item{
width: 100%;
}
.gallery-two .gallery-item{
width: 50%;
}
.achievements .achievement-item{
margin-bottom: 50px;
}
.event .event-item, .event .event-item.wide{
width: 100%;
}
.event-single .event-counter h4{
line-height: 1.5;
}
.blog-post .post-item .post-content{
padding: 15px;
}
.blog-post .post-item h3{
font-size: 30px;
}
.single-post .post-content h3{
font-size: 30px;
}
.single-post .post-content blockquote{
padding: 0px;
}
.single-post .post-content blockquote:before, .single-post .post-content blockquote:after{
display: none;
}
.single-post .content-bottom ul{
float: initial!important;
margin-bottom: 10px;
}
.single-post .post-comments li ul{
margin-left: 60px;
}
.single-post .post-comments .comment-image{
margin-right: 10px;
}
.single-post .post-comments .comment-content .comm-reply{
float: initial;
display: block;
}
.product .product-item-grid{
width: 96%;
}
.product .product-item-grid .icon:nth-child(3){
left: 38%;
}
.product .product-item-grid .icon:nth-child(6){
right: 38%;
}
.product .product-item-grid .pro-content h4 a, .product .product-item-grid .pro-content span{
font-size: 20px;
}
.pro-description .review-item .content h5, .pro-description .review-item .content span, .pro-description .review-item .content .pro-rating{
float: initial;
}
.shop-cart .shipping{
margin-bottom: 50px;
}
.shop-cart .shipping select:nth-child(3), .shop-cart .shipping select:nth-child(4){
width: 100%;
float: initial;
}
.subscribe form input:first-child{
width: 65%;
padding: 13px 20px;
}
.subscribe form input:last-child{
padding: 17px;
}
.error-page .error-content h2{
font-size: 100px;
line-height: 100px;
}
.error-page .error-content h3{
font-size: 26px;
}
.error-page .error-content p{
font-size: 16px;
}
footer .footer-bottom{
text-align: center !important;
}
footer .footer-bottom p{
margin-bottom: 10px;
}
footer .footer-bottom .social-default, footer .footer-bottom .social-default li{
float: initial;
}
}
@media only screen and (max-width: 767px) {
.event .event-item.wide .event-image::after {
bottom: -3px;
left: 50.9%;
}
.event-item.wide.right .event-image::before {
left: 50% !important;
top: -20px !important;
}
.event .event-item.wide.right .event-image::after {
left: 50.8%;
bottom: 100.3%;
}
.event .event-item.wide.right .event-image{
width: 100%;
}
.vision {
display: inline-block;
width: 100%;
}
.vision1 p ,.founders1 p{
margin-top: 0px;
}
.founders1 p{
margin-top: 22px;
}
.vision h3{
margin-bottom: 0px;
}
.aboutus-item:nth-child(odd) .col-md-4{
float: none;
}
.founders{
display: inline-block;
}
.fontder_name {
width: 94%;
text-align: left;
position: absolute;
top: 20%;
}
.fontder_name p{
margin: 0;
text-align: left;
}
.thumb.aims-objectives-image {
padding: 0px 0 20px;
}
#our-mission .col-sm-4,.col-sm-8{
padding: 0px 31px;
}
#chairmanmessage .aims-objectives-section{
margin: 19px;
}
#principlemessage .container{
padding: 0px 31px;
}
footer .footer-top{
padding-left: 23px;
}
.philosophy{
display: inline-block;
}
.curriculum:nth-child(odd) .col-md-4{
float: none;
}
.curriculum img {
margin: 30px auto 0; 
width: 70%;
display: block;
}
.philosophy1 p{
margin-top: 0;
}
.co-curriculum-activities .col-md-4,.col-md-8 {
padding: 0px 35px;
}
.Staff_section .col-md-6,.col-md-12 {
padding: 0px 32px;
}
.Staff_section{
padding: 0px 0px;
}
.Staff_section .Staff_title h2{
margin-bottom: 0px;
}
.Staff_title{
padding: 0 0 0;
}
.deparment_info{
height: 200px;
}
.col-md-12.col-sm-12.p-no.facilities_cont.faci_back {
padding: 0;
margin: 0 20px;
}
.gallery h2{
margin-top: 10px;
font-size: 20px;
}
.admissionrules h3{
margin-top: 0px;
}
#contact-form .col-md-12{
padding: 0 15px;
}
.admissionenquiry h3{
color: #337ab7;
}
.gallery-items.facilities_cnt{
height: auto !important;
}
.facilities_info h4{
padding: 12px 0px 10px;
font-size: 20px;
}
.about-message{
padding-bottom: 10px;
}
.prangan_back {
padding: 0px 0px 0px;
}
.school_infras_info h2{
margin-bottom: 10px;
font-size: 23px;
}
.prangan_info{
padding: 20px 31px;
}
.transport.Prangan_back .col-md-3.col-sm-6.col-xs-6 img {
width: 100%;
margin-bottom: 29px;
}
.transport.Prangan_back {
padding: 0 19px;
}
.school_infras_info.Blog {
padding: 8px 23px 0px;
}
.play_img {
margin-bottom: 15px;
}
ul.gallery-menu.facilities_menu {
margin-top: 23px;
padding: 0px 20px;
}
ul.gallery-menu.facilities_menu li{
margin: 3px;
font-size: 14px !important;
}
section.gallery.padding-120 {
padding: 20px 0;
}
p{
text-align: justify !important;
font-size: 14px !important;
}
#our-founders img {
margin: auto;
display: block;
}
#chairmanmessage img{
margin: auto;
display: block;
}
p.justy {
text-align: justify;
}
.gallery-button.mt-30 a.button-default {
margin: 21px 0;
}
.cl-w{
font-size: 12px;
font-weight: 100;
}
#calendar .col-md-12{
padding: 0 0;
}
.text.about-text-para .col-md-12{
padding: 0 0; 
} #myCarousel .carousel-caption h5 {
font-size: 24px;
line-height: 32px;
margin: 0px;
text-align: left;
text-shadow: 1px 2px #000;
}
#myCarousel .carousel-caption p {
width: 60%; font-size: 14px !important;
font-weight: 400;
line-height: 24px;
}
.carousel-caption.d-none.d-md-block {
width: 80%;
right: 0 !important;
left: 10%;
margin-top: 10px;
top: 30% !important;
}
ol.carousel-indicators {
bottom: 10px;
}
#scroll-top .carousel-inner {
margin-top: 40px;
}
}
@media only screen and (max-width: 680px) {
.scroll-top {
right: 6%;
}
.product .product-item-grid{
width: 95%;
}
.product .product-item-grid .icon:nth-child(3){
left: 34%;
}
.product .product-item-grid .icon:nth-child(6){
right: 34%;
}
.col-lg-12.p-no.services.services_center {
padding: 0 17px 0 30px;
}
.services_center p{
padding: 0px  0 10px;
}
.gallery .gallery-button{
margin-top: 0px;
margin-bottom: 14px;
}
.col-lg-3.col-md-3.col-sm-6.col-xs-12.wow.bounceIn {
margin: 0 0 30px;
}
.destination-grid img{
width: 100%;
}
}
@media only screen and (max-width: 680px) {
.event .event-item.wide .event-image::after {
bottom: -2px;
left: 50.6%;
}
}
@media only screen and (max-width: 600px) {
.gallery .gallery-item .gallery-content h4 {
font-size: 16px;
}
.school_infras_info{
padding: 0px 23px 20px;
}
.gallery .gallery-menu li {
margin: 3px;
}
.header-social>li{
display: none;
}
.footer-about ul.header-social.list-inline li{
display: inline-block;
}
header .header-top .left {
width: 204px;
}
.navbar-brand{
padding: 14px 0px;
}
header .main-menu .navbar-toggle {
margin-top: 8px; position: absolute;
right: 0;
top: -54px;
}
.navbar{
min-height: 0;
margin-bottom: -5px;
}
.slider-area{
top: 76px;
}
.about {
margin-top: 0;
width: 100%;
padding-top: 50px;
}
.about .about-content ul li:last-child a{
margin: 10px 10px 28px;
}
.Awards_after:before {
top: 12%;
left: 43%;
}
.Awards_after:after {
top: 11%;
left: 37%;
}
.event .event-item.wide .event-image:after{
bottom: -2px;
left: 50.3%;
}
.event .event-item.wide.right .event-image{
position: inherit;
}
.event-item.wide.right{
height: auto;
}
.event .event-item.wide.right .event-image:before{
bottom: 1%;
}
.event .event-item.wide.right .event-image:after{
left: 54.9%;
top: 1px;
transform: translateY(50%) rotate(90deg);
}
.event .event-item.wide.right .event-image:before{
top: 92.5%;
left: 48%;
}
footer .footer-item{
margin-bottom: 0px;
}
.Staff_section .Staff_title h2{
font-size: 20px;
padding: 16px;
}
.video h4{
font-size: 23px;
}
.video h4:after{
left: 39%;
}
.video h4:before{
left: 45.5%;
}
.gallery-items.video-items{
height: 258px !important;
}
.carousel-caption.d-none.d-md-block {
top: 20% !important;
}
}
@media only screen and (max-width: 540px) {
.carousel-caption.d-none.d-md-block {
top: 10% !important;
}
.event .event-item.wide .event-image::after {
bottom: -2px;
left: 50%;
}
.event .event-item.wide.right .event-image::after {
left: 55.5%;
}
}
@media only screen and (max-width: 480px) {
.event .event-item.wide .event-image::after {
left: 49.8%;
}
.event .event-item.wide.right .event-image::after {
left: 56.2%;
}
.Choose_title::before {
left: 42%;
top: 20%;
}
.Choose_title::after {
left: 36%;
top: 19%;
}
.Choose_title {
margin-bottom: 10px !important;
}
.all_after::before {
left: 43%;
bottom: 20%;
}
.all_after::after {
left: 37%;
bottom: 24%;
}
.section-header.bg h3 {
margin-bottom: 20px;
}
.Awards_after::before {
top: 16%;
left: 43%;
}
.Awards_after::after {
top: 15%;
left: 37%;
}
.section-header-two h3 {
margin-top: 0;
}
.event_after::after {
top: 111%;
}
.admissionrules{
margin-top: 0;
padding: 20px 0px;
}
.gallery-detail-sec .event-page{
margin-top: 0px;
padding: 0 0 20px;
}
.admissionrules h3:before{
left: 44%;
}
.admissionrules h3:after{
left: 38.5%;
bottom: 22%;
}
.school-fees-sec {
margin-top: 10px;
}
.scroll-top {
right: 8%;
}
.event-page {
margin-top: 10px;
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 2px solid #c3bebe;
border-radius: 4px 4px 0 0;
margin-top: 10px;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
margin-top: 0px;
padding-bottom: 30px;
text-align: center;
}
.row.about-page3-inner {
margin-top: -40px;
}
.section-header h3{
font-size: 22px;
}
.page-header h3{
font-size: 25px;
}
.page-header ul li{
font-size: 18px;
}
.banner .item .banner-content{
padding: 100px 0px;
}
.banner .item .banner-content h3{
font-size: 24px;
}
.banner .item .banner-content h2{
font-size: 30px;
}
.about .about-content h3{
font-size: 20px;
}
.event-single .event-counter{
position: static;
}
.event-single .event-counter h4{
font-size: 20px;
}
.event-single .event-counter .clock-item{
margin-right: 10px;
}
.single-post .post-comments li ul{
margin-left: 20px;
}
.product .product-item-grid .icon:nth-child(3){
left: 25%;
}
.product .product-item-grid .icon:nth-child(6){
right: 25%;
}
.pro-details .details h3, .pro-details .details span{
font-size: 26px;
}
.pro-details .details select{
padding: 8px 20px;
margin-right: 0px;
}
.pro-description .nav-tabs>li>a{
margin-right: 20px;
}
.pro-description .review-item .image {
height: 60px;
width: 60px;
margin-right: 10px;
}
.pagination li{
margin-right: -2px;
}
.subscribe h3{
font-size: 30px;
}
.subscribe form input:first-child{
width: 100%;
margin-bottom: 10px;
}
.subscribe form input:last-child{
margin: 0px;
} #myCarousel .carousel-caption h5 {
font-size: 16px;
line-height: 22px;
margin: 0px;
text-align: left;
text-shadow: 1px 2px #000;
}
#myCarousel .carousel-caption p {
width: 60%;
text-align: left !important;
font-size: 13px !important;
font-weight: 400;
line-height: 16px;
margin-top: -5px;
}
.carousel-caption.d-none.d-md-block {
width: 80%;
right: 0 !important;
left: 10%;
margin-top: 40px;
}
ol.carousel-indicators {
bottom: -10px;
}
#scroll-top .carousel-inner {
margin-top: 0px;
}
}
@media only screen and (max-width: 420px){
.carousel-caption.d-none.d-md-block {
margin-top: 25px;
}
#scroll-top .carousel-inner {
margin-top: 40px;
}
.event .event-item.wide .event-image::after {
left: 49.2%;
}
.event-item.wide.right .event-image::before {
left: 47.2% !important;
}
.event .event-item.wide.right .event-image::after {
left: 54.4%;
}
.take-tour {
width: 60%;
text-align: center;
right: 20%;
}
}
@media only screen and (max-width: 400px){
header .main-menu .container {
position: relative;
padding-right: 0px;
}
header .main-menu .navbar-collapse {
max-height: 250px;
float: left;
width: 100%;
}
.navbar-nav {
margin: 0;
margin-right: 0px;
width: 100%;
margin-right: 0px;
}
header .main-menu .navbar-toggle {
top: -64px;
}
.carousel-caption.d-none.d-md-block {
margin-top: 0px;
}
#profile .owl-carousel.owl-drag .owl-item {
width: 46% !important;
margin-bottom: 10px;
}
#profile .owl-carousel .owl-item img {
height: auto !important;
}
#home .gall_hover {
height: auto !important;
}
#profile .owl-nav {
width: 100%;
margin: 10px auto;
text-align: center;
}
#home .owl-nav {
width: 100%;
text-align: center;
margin: 10px auto;
}
footer .footer-bottom p {
margin-bottom: 30px;
line-height: 24px;
}
.school-item .hvrbox-text {
padding: 100px 30px 0px 30px;
}
header .header-top .left{
width: 210px;
position: absolute;
left: 22%;
}
.navbar-brand>img{
margin-left: -21px;
width: 71%;
}
.fontder_name{
top: 12%;
}
.event .event-item.wide .event-image::after {
left: 48.8%;
}
.event .event-item.wide.right .event-image::after {
left: 54.8%;
top: 2px;
}
.admissionrules h3:after{
left: 31.5%;
}
.admissionrules h3:before{ 
left: 42%;
}
.gallery h2:after{
left: 32%;
}
.media_title h2:before{
left: 42.5%;
}
.media_title h2:after{
left: 25%;
}
.media_title h2:before{
left: 38.5%;
}
.gallery_section{
background-color: transparent;
}
.school_infras_info h2:before{
left: 41.5%;
}
.Co-Curricular h2:before
{
left: 40.5%;
bottom: -1%;
}
.padd_facil{
padding: 0;
}
.Prangan h2:after {
left: 33%;
}
.Choose_title:after{
left: 35%;
}
.Choose_title:before{
left: 43%;
}
.overlay h3.all_after:after{
left: 35%;
}
.overlay h3.all_after.event_after:after{
left: 35%;
top: 109%;
}
.overlay h3.all_after:before{
left: 43%;
}
}
@media only screen and (max-width: 360px){
.event .event-item.wide .event-image::after {
left: 48.5%;
}
.event .event-item.wide.right .event-image::after {
left: 55.8%;
top: 2px;
}
.section-header-two h3 {
font-size: 20px;
}
header .main-menu .navbar-toggle {
right: 0px;
top: -64px;
}
.navbar-brand > img {
margin-left: -21px;
width: 64%;
}
header .header-top .left {
width: 210px;
position: absolute;
left: 19%;
}
header .main-menu .container {
position: relative;
padding-right: 0px;
}
header .main-menu .navbar-collapse {
max-height: 250px;
float: left;
width: 100%;
}
.navbar-nav {
margin: 0;
margin-right: 0px;
width: 100%;
margin-right: 0px;
}
}
@media only screen and (max-width: 360px){
.section-header-two h3 {
font-size: 18px;
}
}