/* Higher than 1200 (desktop devices)
====================================================================== */
@media only screen and (min-width: 1401px)  {
    .search-b {
    top: 13.8em ;
    right: 23.8em !important ;
}

.col-md-6.col-sm-6.col-xs-6.box.box1.nstyle {
    background-position-y: -25px;
}

 }
 
/* Higher than 1200 (desktop devices)
====================================================================== */
@media only screen and (min-width: 1200px) {

/*    #banner .item {   
    height: 540px !important;
}*/

.search-b {   
    top: 13.8em;  
    right: 3.8em;
}

.sticky .search-b {
   top: 11.4em;    
    right: 3.75em;
}

.mainmenu ul#nav > li > a {
    font-size: 18px;
    padding: 12px 14px;
}
.mainmenu ul#nav li .megamenu span > a {
    font-size: 14px;
}
/* .col-md-6.col-sm-6.col-xs-6.box.box1.nstyle {
    background-position-y: -25px;
} */

}


/* Higher than 960 (desktop devices)
====================================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px){
    body {
    
    font-size: 14px;    
}


    .mainmenu ul#nav > li > a {  
    font-size: 12px;    
}

ul.second-nav-one-b-in-ul li i {
    font-size: 25px;        
    padding-right: 12px;   
}
ul.second-nav-one-b-in-ul li {
    font-size: 15px;
    margin-right: 5px;
}

.slider-service .owl-nav {   ;
    margin: auto 43%;
    bottom: -75px;
}

ul.footer-menu-ul li a {    
    font-size: 14px;
   
}

.image-icon-str img {
    width: 100%;
}
.image-icon-str {
    padding: 5px;
    width: 128px;
}
ul.favourites-links-ul li a {    
    padding: 9px 5px;
}

.join-u-btnnss a {    
    padding: 8px 15px;   
}

.slider-image2 {
    height: 500px;
    width: 100%;
}

.slider-image {
    height: 500px;
    width: 100%;
}

.slider-image1 {
    height: 500px;
    width: 100%;
}

a.p-btn {
    margin-right: 0px;
    padding: 14px 15px !important;   
    font-size: 16px !important;    
}



#banner .item {    
    height: 450px !important;
}



.facility-sec-in {
    padding: 30px 0px 30px;
    height: 450px;
}


.announcements:after {
    right: 68%;
    z-index: 10;
}

.grid figure {  
    min-width: 250px;
    max-width: 260px;
    height: 240px;    
    margin-bottom: 27px;
}

.social-circle li a {
    padding: 0px 2px;
}


.search-b {
    top: 15.4em;    
    position: fixed;
    right: 2.9em;    
}

.sticky .search-b {    
    top: 12.6em;   
    right: 2.9em;    
}
.search-b {
    top: 13.7em;
    right: 3.8em;
}
/*------home announcements-----*/
.facility-sec-in {
    height: 500px;
}
.sub-inp input {
    margin: 0 -4px 13px 0;
}
.mobile-parallex {
    height: auto;
}
/*---------home subscribe-----*/
.paral-brnns {
    text-align: unset;
}
.sub-i-f {
    display: inline-flex;
}
.sub-inp input {
    padding: 15px 19px;
    width: 96%;
}
/*--------bread crumb-------*/
.bread-crmbs-in-a {
    height: 100%;
}
.bread-crmb-title h3 {
    line-height: 4px;
}
.inr_breadcrumb {
    padding: 1.5px 0 6px;
}
/*-----contact us--------*/
ul.contact-social li a {
    margin-bottom: 10px;
    }
.submit-btn {
    text-align: right;
}

.admission_open_button_block {
    margin-top: 16px;
    margin-right: 59px;
}

}



/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 991px) {

body {
    font-size: 12px;
   
}


.logo-in a img {
    width: 95%;
}

ul.second-nav-one-b-in-ul li {
    font-size: 12px;
    margin-right: 5px;
}
ul.second-nav-one-b-in-ul li i {
    font-size: 24px;    
    padding-right: 10px;
    padding-top: 3px;
}

ul.second-nav-one-b-in-ul {   
    margin: 0px -10px;
}

.slider-image2 {    
    height: 350px;
    width: 100%;
}

.slider-image1 {    
    height: 350px;
    width: 100%;
}

.slider-image {    
    height: 350px;
    width: 100%;
}

.join-u-btnnss {
   
    text-align: center;
}

.join-u-btnnss a {    
    margin-bottom: 12px;
}

.sub-inp {
    width: 90%;
    float: left;
    margin-bottom: 10px;
}

.paral-brnns {
    text-align: -webkit-center;
}

ul.foot-app {
    display: flex;
}

ul.foot-app li {
    float: left;
}

.image-icon-str {
    padding: 5px;
}

.image-icon-str img {
    width: 100%;
}
ul.footer-menu-ul {
    display: unset;
}
ul.footer-menu-ul li {
    float: left;
    margin-left: 5em;
}

ul.second-nav-one-b-in-ul li span p:first-child {
    font-size: 13px;   
}

#banner .item {    
    height: 400px !important;
}



section.facility-sec {
    height: 450px;
}




.facility-sec-in {
    padding: 30px 0px 30px;
    height: 450px;
}


.announcements:after {    
    right: 77.6%;
	z-index: 10;
}

.grid figure {  
    min-width: 225px;
    max-width: 230px;
    height: 220px;    
    margin-bottom: 27px;
}

.calendar {
    padding: 50px 16px 30px;    
}

.join-u h2 {
    font-size: 25px;
}

.join-u-btnnss {
    margin-top: 0em;
}
button.btn.btn-lg.btn-sub {
    padding: 9px 30px !important;
   
}
/*---- newsletter ----*/
.mobile-parallex {
    height: auto;
}
/*---- alumini ----*/
.career_reg.alum-reg {
    height: 1428px !important;
}
/*-------- header --------*/
.social-icns {
    text-align: center;
}
.bread-crmbs-in {
    height: auto;
}
.calendar-details>a>h6 {
    font-size: 14px;
}
/*-------- footer --------*/
.footer_para {
    text-align: unset !important;
}
/*------alumini------*/
.btn {
    font-size: 10px !important; 
    padding: 6px 6px !important;
}
/*-------calendar----*/
.fa-angle-right:before {
    top: -9px;
    right: -20px;
    content: "\f105";
    position: relative;
}
.fa-angle-left:before {
    bottom: -4px;
    left: -18px;
    content: "\f104";
    position: relative;
}
.calendar-nav .year-title {
    line-height: 0px;
 }
/*---------events----------*/
.event-imge.ade a img {
    width: 100%;
}
/*---------videos----------*/
figure.c-gal-fig {
    height: 180px;
}
.product-tags li a {
    font-size: 12px;
    padding: 10px 13px;
}
/*---------contact us-------*/
ul.contact-social li a {
    margin-bottom: 12px;
    }
.submit-btn {
    text-align: right;
}





}



 /* Responsive Menu Styles
----------------------------------------*/
/*Note: change the max-width asper your requirment and change the same in aceResponsiveMenu({resizeWidth: "768" }) function*/

@media screen and (max-width: 768px) {

body {
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #131212;
    background-color: #ffffff;
    height: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
}

    .demo {
        width:96%;
        padding:2%;
    }
    ul[data-menu-style="vertical"] , ul[data-menu-style="accordion"],
    ul[data-menu-style="vertical"] li ul.sub-menu {
        width: 100% !important;
    } 
    .ace-responsive-menu {
        float: left;
        width:100%;
    }
    .ace-responsive-menu > li {
        border-bottom: 1px solid rgba(232, 214, 227, 0.45);
       float: none;
    }   
    .ace-responsive-menu li a:hover {
        background: #179bd7 !important;
    }
    .ace-responsive-menu > li:first-child {
        border-top: 2px solid #FD5025;
    }    
    .ace-responsive-menu > li > a i {
        padding-right: 10px;
        color: #FF5737;
    }
    .ace-responsive-menu > li > a > .arrow:before {
        float: right;
        content: "\f105";
    }
    li.menu-active > a > .arrow:before {
        content: "\f107" !important;
    }
    .ace-responsive-menu li ul.sub-menu > li {
        width: 100%;
    }
    .ace-responsive-menu li ul.sub-menu li ul.sub-menu li a
        {
        padding-left: 30px;
    }  
    .ace-responsive-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a 
       {
        padding-left: 50px;
    }  
    .ace-responsive-menu > li > ul.sub-menu {
        position: static;
    }
    .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu {
        position: static;
    }
    .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
        position: static;
    }
    .ace-responsive-menu li ul.sub-menu li.menu-active > a > .arrow:before {
        content: "\f107" !important;
    }

/*-------------------------------------*/

/* Ace Responsive Menu
----------------------------------------*/

.ace-responsive-menu {
   list-style: none;
    margin: 0;
    padding: 0;
    background: rgb(130, 38, 104);
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    border-bottom: 3px solid #4b618a;    
}
.ace-responsive-menu li{
    list-style: none;
}
.ace-responsive-menu li ul {
    display:none;
}
.ace-responsive-menu > li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    float: unset;
}
.ace-responsive-menu li a {
        color:#c0c0c0;
}
.ace-responsive-menu > li > a {
    display: block;
    position: relative;
    margin: 0;
    border: 0px;
    padding: 18px 20px 18px 12px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 300;
    color: #c0c0c0;
}
.ace-responsive-menu li a i {
    padding-right: 5px;
    color: #FF5737;
}
.ace-responsive-menu > li > a i {
    font-size: 16px;
    text-shadow: none;
    color: #FF5737;
}
.ace-responsive-menu li ul.sub-menu li a i {
    padding-right: 10px;
}
.ace-responsive-menu li.menu-active > a {
    background: #272727 !important;
    color:#fff;
}
.ace-responsive-menu li .menu-active {
    position: relative;
}
.ace-responsive-menu > li > a > .arrow:before {  
    margin-left: 15px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f107";
    font-weight: 300;
    text-shadow: none;
    width: 10px;
    display: inline-block;
}
.ace-responsive-menu li ul.sub-menu li > a > .arrow:before {
    content: "\f105" !important;
}
.ace-responsive-menu > li > ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 0;
   /* position: absolute;*/
}
.ace-responsive-menu li ul.sub-menu {
    background: #333;
}
.ace-responsive-menu li ul.sub-menu > li {
    width: 185px;
}
.ace-responsive-menu li ul.sub-menu li a {
    display: block;
    margin: 0px 0px;
    padding: 12px 20px 12px 15px;
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
    background: none;
}
.ace-responsive-menu > li > ul.sub-menu > li {
    position: relative;
}
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu {
    position: absolute;
    left: 185px;
    top: 0px;
    display: none;
    list-style: none;
}
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
    position: absolute;
    left: 185px;
    top: 0px;
    display: none;
    list-style: none;
}
.ace-responsive-menu > li > ul.sub-menu li > a > .arrow:before {
    float: right;
    margin-top: 1px;
    margin-right: 0px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow: none;
}

/* Menu Toggle Btn
----------------------------------------*/
.menu-toggle {
    display: none;
    float: left;
    width: 100%;
    background: #6d004e;
}
.menu-toggle h3 {
    float: left;
    color: #FFF;
    padding: 0px 10px;
    font-weight: 600;
    font-size: 16px;
}
.menu-toggle .icon-bar {
    display: block !important;
    width: 18px;
    height: 2px;
    background-color: #F5F5F5 !important;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    margin: 3px;
}
.menu-toggle .icon-bar:hover {
    background-color: #F5F5F5 !important;
}
.menu-toggle #menu-btn {
    float: right;
    background: #6d004e;
    border: 1px solid #ffffff;
    padding: 8px;
    border-radius: 5px;
    cursor: pointer;
    margin: 10px;
}
.hide-menu {
    display: none;
}


/* Accordion Menu Styles
----------------------------------------*/

ul[data-menu-style="accordion"] {
    width: 250px;
}
ul[data-menu-style="accordion"] > li {    
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    float: none !important;
}
ul[data-menu-style="accordion"] > li:first-child {
    border-top: 2px solid #FD5025;
}
ul[data-menu-style="accordion"] li ul.sub-menu > li {
    width: 100%;
}
ul[data-menu-style="accordion"] > li > a > .arrow:before {
    float: right;
    content: "\f105";
}
ul[data-menu-style="accordion"] li.menu-active > a > .arrow:before {
    content: "\f107" !important;
}
ul[data-menu-style="accordion"] > li > ul.sub-menu {
    position: static;
}
ul[data-menu-style="accordion"] > li > a i {
    padding-right: 10px;
    color: #FF5737;
}
ul[data-menu-style="accordion"] > li > ul.sub-menu > li ul.sub-menu {
    position: static;
}
ul[data-menu-style="accordion"] > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
    position: static;
}
ul[data-menu-style="accordion"] > li {
    border-bottom: 1px solid #242424;
}
ul[data-menu-style="accordion"] li a:hover {
    background: #272727 !important;
}
ul[data-menu-style="accordion"] ul.sub-menu li.menu-active > a > .arrow:before {
    content: "\f107" !important;
}

/* Vertical Menu Styles
----------------------------------------*/

ul[data-menu-style="vertical"] {
    width: 200px;
}
ul[data-menu-style="vertical"] > li {
    float: none;
}
ul[data-menu-style="vertical"] > li:first-child {
    border-top: 2px solid #FD5025;
}
ul[data-menu-style="vertical"] li ul.sub-menu > li {
    width: 100%;
}
ul[data-menu-style="vertical"] > li > a > .arrow:before {
    float: right;
    content: "\f105";
}
ul[data-menu-style="vertical"] > li.menu-active {
position:relative;
}
ul[data-menu-style="vertical"] > li > ul.sub-menu {
    position: absolute;
    left:200px;
    top:0px;
    width:200px;
}
ul[data-menu-style="vertical"] > li > a i {
    padding-right: 10px;
    color: #FF5737;
}
ul[data-menu-style="vertical"]> li > ul.sub-menu > li ul.sub-menu {
    position: absolute;
    width:200px;
    left: 200px;
}
ul[data-menu-style="vertical"] > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
    position: absolute;
    width:200px;
    left: 200px;
}
ul[data-menu-style="vertical"] > li {
    border-bottom: 1px solid #242424;
}
ul[data-menu-style="vertical"] li a:hover {
    background: #272727 !important;
}

.menu-toggle {
    right: 20px;
    padding: 1px 0px 0px 9px;
    display: block;
    background: #fff;
    border-left: 1px solid #fff;
  
    cursor: pointer;
    color: #28378f;
    font-size: 29px;
    text-transform: uppercase;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    
    border: 1px solid #ccc;
}

/*-----------------------------
academic calender
---------------------------------*/
/*--top header announcement 5/11/2018 ---*/

.announcements h4 {
    font-size: 21px;
}
.announ-det {
    margin-left: 20px;
}
/*--admission enquiry buttons ---*/
.join-u-btnnss a {
    padding: 8px 10px;
}
.join-u-btnnss {
    text-align: center;
}
/*--admission enquiry content ---*/
.join-u {
    text-align: center;
}
/*--latest events blk ---*/
.calendar-sec {
    margin-bottom: 15px;
    margin-top: 60px;
}
/*------footer-----*/
.footer_para {
    text-align: center;
 }

 .favourites-links ul {
    text-align: center;
}
/*==========About > claretains==========*/

/*---breadcrumb paralles---*/
.bread-crmb-title h3 {
	margin-right: 0px;
    margin-bottom: 0px;
    float: left;
	font-size: 22px;
}
.inr_breadcrumb ul li a {
    font-size: 13px;
}
.inr_breadcrumb ul li {
    padding: 0px 5px;
}
.inr_breadcrumb ul li::before {
    left: -4px;
}


/*---about Shepherd Field Internationalains----*/
.a-abt-det {
    margin-bottom: 40px;
}
/*-----claretains bottom parallax contact us button---*/
.btn-2 svg {
    top: -5px;
    left: 0px;
    width: 100%;
}
.paralax_text {
    text-align: center;
}

/*==========Faculty  >  nursery teachers==========*/


.faclty-contain ul li h4:before {
    left: 20px;
}
.faclty-contain ul li h4 {
    margin-left: 10px;
}

/*---form submit button claretains----*/
button.btn.btn-lg.btn-c {
    margin-top: 24px;
}

/*======campus========*/

/*---campus > library > related links---*/

sidebar-box {
    margin-top: 50px;
    margin-bottom: 0px;
}
/*======events  >  school events========*/
.event-list-in {
     display: unset; 
}

.event-imge.ade a img{
	margin-bottom: 25px;
	max-width: 100%;
}
.a-headings.e-headings h3 {
    word-break: break-all;
 }
/*------------videos------*/
.video-modal .content {
    margin-bottom: 25px;
}


/*===============alumini========*/

/*------form----------*/
.career_reg.alum-reg {
    height: 100%;
}

/*----pdf link ----*/
p.note_class {
    margin-bottom: 25px;
}
/*-----upload button------*/
.btn {
    padding: 6px 7px !important;
}

/*=========contact us======*/
.contact-us-info {
    margin-bottom: 25px;
}

/*---------submit button----*/
.submit-btn {
    margin-top: 25px;
}

/*------ footer social icons -------*/
.social-icns-foot {
    text-align: center;
    margin-bottom: 15px;
}
ul.social-network-foot {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
}
ul.social-network-foot li {
    display: -webkit-inline-box;
    padding: 5px 15px;
}
.social-network-foot li a {
    line-height: 20px;
    padding: 0px 4px;
    font-size: 14px;
    color: #fff;
}
/*=====================================*/
.toggleIcon {
    display: block !important;
}

h3.add-h3 {
    font-size: 18px;
}
a.btn.btn-read.btn-read-add {
    background: rgba(255, 254, 253, 0.31);
    border-radius: 0;
    border: 1px solid #ff6000 !important;
    color: #fff;
    font-size: 10px !important;
    font-weight: 500;
    padding: 5px 15px !important;
    background: #ff6000;
}
.toggleIcon {
    padding: 0px;
}
.project-btn {
    text-align: center;
    margin: 5%;
}
.sticky {
    position: absolute;
}

.admission_open_button_block {
    margin-top: 11px;
    margin-right: 11px;
}

}
/*--------------------------*/

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

/*-------------------------------------*/

/* Ace Responsive Menu
----------------------------------------*/

.ace-responsive-menu {
   list-style: none;
    margin: 0;
    padding: 0;
    /*background: rgb(130, 38, 104);*/
    background-color: #179bd7;
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    border-bottom: 3px solid #4b618a;    
}
.ace-responsive-menu li{
    list-style: none;
}
.ace-responsive-menu li ul {
    display:none;
}
.ace-responsive-menu > li {
        width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    float: left;
}
.ace-responsive-menu li a {
        color:#ffffff;
}
.ace-responsive-menu > li > a {
    display: block;
    position: relative;
    margin: 0;
    border: 0px;
    padding: 18px 20px 18px 12px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
}
.ace-responsive-menu li a i {
    padding-right: 5px;
    color: #ffffff;
}
.ace-responsive-menu > li > a i {
    font-size: 16px;
    text-shadow: none;
    color: #ffffff;
}
.ace-responsive-menu li ul.sub-menu li a i {
    padding-right: 10px;
}
.ace-responsive-menu li.menu-active > a {
    background: #253b80 !important;
    color:#fff;
}
.ace-responsive-menu li .menu-active {
    position: relative;
}
.ace-responsive-menu > li > a > .arrow:before {  
    margin-left: 15px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f107";
    font-weight: 300;
    text-shadow: none;
    width: 10px;
    display: inline-block;
}
.ace-responsive-menu li ul.sub-menu li > a > .arrow:before {
    content: "\f105" !important;
}
.ace-responsive-menu > li > ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 0;
   /* position: absolute;*/
}
.ace-responsive-menu li ul.sub-menu {
    background: #253b80;
}
.ace-responsive-menu li ul.sub-menu > li {
    width: 185px;
}
.ace-responsive-menu li ul.sub-menu li a {
    display: block;
    margin: 0px 0px;
    padding: 12px 20px 12px 15px;
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
    background: none;
}
.ace-responsive-menu > li > ul.sub-menu > li {
    position: relative;
}
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu {
    position: absolute;
    left: 185px;
    top: 0px;
    display: none;
    list-style: none;
}
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
    position: absolute;
    left: 185px;
    top: 0px;
    display: none;
    list-style: none;
}
.ace-responsive-menu > li > ul.sub-menu li > a > .arrow:before {
    float: right;
    margin-top: 1px;
    margin-right: 0px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow: none;
}

/* Menu Toggle Btn
----------------------------------------*/
.menu-toggle {
    display: none;
    float: left;
    width: 100%;
    background: #6d004e;
}
.menu-toggle h3 {
    float: left;
    color: #FFF;
    padding: 0px 10px;
    font-weight: 600;
    font-size: 16px;
}
.menu-toggle .icon-bar {
    display: block !important;
    width: 18px;
    height: 2px;
    background-color: #000000 !important;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    margin: 3px;
}
.menu-toggle .icon-bar:hover {
    background-color: #000000 !important;
}
.menu-toggle #menu-btn {
    float: right;
    background: #ffffff;
    border: 1px solid #000000;
    padding: 8px;
    border-radius: 5px;
    cursor: pointer;
    margin: 25px 10px;
}
.hide-menu {
    display: none;
}


/* Accordion Menu Styles
----------------------------------------*/

ul[data-menu-style="accordion"] {
    width: 250px;
}
ul[data-menu-style="accordion"] > li {    
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    float: none !important;
}
ul[data-menu-style="accordion"] > li:first-child {
    border-top: 2px solid #FD5025;
}
ul[data-menu-style="accordion"] li ul.sub-menu > li {
    width: 100%;
}
ul[data-menu-style="accordion"] > li > a > .arrow:before {
    float: right;
    content: "\f105";
}
ul[data-menu-style="accordion"] li.menu-active > a > .arrow:before {
    content: "\f107" !important;
}
ul[data-menu-style="accordion"] > li > ul.sub-menu {
    position: static;
}
ul[data-menu-style="accordion"] > li > a i {
    padding-right: 10px;
    color: #FF5737;
}
ul[data-menu-style="accordion"] > li > ul.sub-menu > li ul.sub-menu {
    position: static;
}
ul[data-menu-style="accordion"] > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
    position: static;
}
ul[data-menu-style="accordion"] > li {
    border-bottom: 1px solid #242424;
}
ul[data-menu-style="accordion"] li a:hover {
    background: #272727 !important;
}
ul[data-menu-style="accordion"] ul.sub-menu li.menu-active > a > .arrow:before {
    content: "\f107" !important;
}

/* Vertical Menu Styles
----------------------------------------*/

ul[data-menu-style="vertical"] {
    width: 200px;
}
ul[data-menu-style="vertical"] > li {
    float: none;
}
ul[data-menu-style="vertical"] > li:first-child {
    border-top: 2px solid #FD5025;
}
ul[data-menu-style="vertical"] li ul.sub-menu > li {
    width: 100%;
}
ul[data-menu-style="vertical"] > li > a > .arrow:before {
    float: right;
    content: "\f105";
}
ul[data-menu-style="vertical"] > li.menu-active {
position:relative;
}
ul[data-menu-style="vertical"] > li > ul.sub-menu {
    position: absolute;
    left:200px;
    top:0px;
    width:200px;
}
ul[data-menu-style="vertical"] > li > a i {
    padding-right: 10px;
    color: #FF5737;
}
ul[data-menu-style="vertical"]> li > ul.sub-menu > li ul.sub-menu {
    position: absolute;
    width:200px;
    left: 200px;
}
ul[data-menu-style="vertical"] > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
    position: absolute;
    width:200px;
    left: 200px;
}
ul[data-menu-style="vertical"] > li {
    border-bottom: 1px solid #242424;
}
ul[data-menu-style="vertical"] li a:hover {
    background: #272727 !important;
}

.menu-toggle {
    right: 20px;
    padding: 1px 0px 0px 9px;
    display: block;
    background: #253b80;
    border-left: 1px solid #000;
    cursor: pointer;
    color: #28378f;
    font-size: 29px;
    text-transform: uppercase;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border: 1px solid #ccc;
}
.logo-in.hidden-md.hidden-lg {
    /* width: 65%; */
    display: inline;
}

/*-----------------------------
academic calender
---------------------------------*/
.announcements:after {    
    right: 89%;
    z-index: 1;
}
.calendar-header h2 {
    padding-left: 15px;
}
.tab-pane .year-title .yr-prev {
    margin: -1px -19px;
}
.calendar-nav .year-title .yr-next {
	margin: -11px -19px;
}
.slider-image2 {    
    height: 350px;
    width: 100%;
}

.slider-image1 {    
    height: 350px;
    width: 100%;
}

.slider-image {    
    height: 350px;
    width: 100%;
}
ul.favourites-links-ul {
    display: -webkit-box;
    margin: 10px 0px;
}

ul.favourites-links-ul li {
    float: unset;
}

.develop-by {
    position: unset;
    text-align: center;
    margin-top: 8px;
}

.second-nav-a {
    padding: 0px 0px;
}
.bread-crmbs-in {
    height: auto;
}
.bread-crmbs-in-a {
    padding: 20px 0px 20px;
    margin-top: 90px;
}
.mobile-parallex {
    height: auto;
}
ul.foot-app {
    display: flex;
    text-align: center;
    margin: auto 12%;
}
ul.favourites-links-ul {
    margin: 10px 87px;
}
ul.foot-app {
    margin: auto 16%;
}
.toggleIcon {
    display: block !important;
}

h3.add-h3 {
    font-size: 18px;
}
a.btn.btn-read.btn-read-add {
    background: rgba(255, 254, 253, 0.31);
    border-radius: 0;
    border: 1px solid #ff6000 !important;
    color: #fff;
    font-size: 10px !important;
    font-weight: 500;
    padding: 5px 15px !important;
    background: #ff6000;
}
.toggleIcon {
    padding: 0px;
}
.project-btn {
    text-align: center;
    margin: 5%;
}
.sticky {
    position: absolute;
}

.admission_open_button_block {
    margin-right: 31px;
}

}    


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 479px) {

/*-------------------------------------*/

/* Ace Responsive Menu
----------------------------------------*/
.ace-responsive-menu {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    /*background: rgb(130, 38, 104);*/
    background-color: #179bd7;
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    border-bottom: 3px solid #4b618a;
    z-index: 1000;
}
.ace-responsive-menu li{
    list-style: none;
}
.ace-responsive-menu li ul {
    display:none;
}
.ace-responsive-menu > li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    float: left;
}
.ace-responsive-menu li a {
        color:#c0c0c0;
}
.ace-responsive-menu > li > a {
    display: block;
    position: relative;
    margin: 0;
    border: 0px;
    padding: 10px 20px 10px 12px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
}
.ace-responsive-menu li a i {
    padding-right: 5px;
    color: #ffffff;
}
.ace-responsive-menu > li > a i {
    font-size: 16px;
    text-shadow: none;
    color: #ffffff;
}
.ace-responsive-menu li ul.sub-menu li a i {
    padding-right: 10px;
}
.ace-responsive-menu li.menu-active > a {
    background: #253b80 !important;
    color:#fff;
}
.ace-responsive-menu li .menu-active {
    position: relative;
}
.ace-responsive-menu > li > a > .arrow:before {  
    margin-left: 15px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f107";
    font-weight: 300;
    text-shadow: none;
    width: 10px;
    display: inline-block;
}
.ace-responsive-menu li ul.sub-menu li > a > .arrow:before {
    content: "\f105" !important;
}
.ace-responsive-menu > li > ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 0;
   /* position: absolute;*/
}
.ace-responsive-menu li ul.sub-menu {
    background: #253b80;
}
.ace-responsive-menu li ul.sub-menu > li {
    width: 185px;
}
.ace-responsive-menu li ul.sub-menu li a {
    display: block;
    margin: 0px 0px;
    padding: 12px 20px 12px 15px;
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
    background: none;
}
.ace-responsive-menu > li > ul.sub-menu > li {
    position: relative;
}
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu {
    position: absolute;
    left: 185px;
    top: 0px;
    display: none;
    list-style: none;
}
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
    position: absolute;
    left: 185px;
    top: 0px;
    display: none;
    list-style: none;
}
.ace-responsive-menu > li > ul.sub-menu li > a > .arrow:before {
    float: right;
    margin-top: 1px;
    margin-right: 0px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow: none;
}

/* Menu Toggle Btn
----------------------------------------*/
.menu-toggle {
    display: none;
    float: left;
    width: 100%;
    background: #6d004e;
}
.menu-toggle h3 {
    float: left;
    color: #FFF;
    padding: 0px 10px;
    font-weight: 600;
    font-size: 16px;
}
.menu-toggle .icon-bar {
    display: block !important;
    width: 18px;
    height: 2px;
    background-color: #000000 !important;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    margin: 3px;
}
.menu-toggle .icon-bar:hover {
    background-color: #333333 !important;
}
.menu-toggle #menu-btn {
    float: right;
    background: #ffffff;
    border: 1px solid #000000;
    padding: 8px;
    border-radius: 5px;
    cursor: pointer;
    margin: 10px;
}
.hide-menu {
    display: none;
}


/* Accordion Menu Styles
----------------------------------------*/

ul[data-menu-style="accordion"] {
    width: 250px;
}
ul[data-menu-style="accordion"] > li {    
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    float: none !important;
}
ul[data-menu-style="accordion"] > li:first-child {
    border-top: 2px solid #FD5025;
}
ul[data-menu-style="accordion"] li ul.sub-menu > li {
    width: 100%;
}
ul[data-menu-style="accordion"] > li > a > .arrow:before {
    float: right;
    content: "\f105";
}
ul[data-menu-style="accordion"] li.menu-active > a > .arrow:before {
    content: "\f107" !important;
}
ul[data-menu-style="accordion"] > li > ul.sub-menu {
    position: static;
}
ul[data-menu-style="accordion"] > li > a i {
    padding-right: 10px;
    color: #FF5737;
}
ul[data-menu-style="accordion"] > li > ul.sub-menu > li ul.sub-menu {
    position: static;
}
ul[data-menu-style="accordion"] > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
    position: static;
}
ul[data-menu-style="accordion"] > li {
    border-bottom: 1px solid #242424;
}
ul[data-menu-style="accordion"] li a:hover {
    background: #272727 !important;
}
ul[data-menu-style="accordion"] ul.sub-menu li.menu-active > a > .arrow:before {
    content: "\f107" !important;
}

/* Vertical Menu Styles
----------------------------------------*/

ul[data-menu-style="vertical"] {
    width: 200px;
}
ul[data-menu-style="vertical"] > li {
    float: none;
}
ul[data-menu-style="vertical"] > li:first-child {
    border-top: 2px solid #FD5025;
}
ul[data-menu-style="vertical"] li ul.sub-menu > li {
    width: 100%;
}
ul[data-menu-style="vertical"] > li > a > .arrow:before {
    float: right;
    content: "\f105";
}
ul[data-menu-style="vertical"] > li.menu-active {
position:relative;
}
ul[data-menu-style="vertical"] > li > ul.sub-menu {
    position: absolute;
    left:200px;
    top:0px;
    width:200px;
}
ul[data-menu-style="vertical"] > li > a i {
    padding-right: 10px;
    color: #FF5737;
}
ul[data-menu-style="vertical"]> li > ul.sub-menu > li ul.sub-menu {
    position: absolute;
    width:200px;
    left: 200px;
}
ul[data-menu-style="vertical"] > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
    position: absolute;
    width:200px;
    left: 200px;
}
ul[data-menu-style="vertical"] > li {
    border-bottom: 1px solid #242424;
}
ul[data-menu-style="vertical"] li a:hover {
    background: #272727 !important;
}

.menu-toggle {
    right: 20px;
    padding: 7px 0px 3px 9px;
    display: block;
    background: #253b80;
    border-left: 1px solid #fff;
    cursor: pointer;
    color: #28378f;
    font-size: 29px;
    text-transform: uppercase;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border: 1px solid #ccc;
}
.logo-in.hidden-md.hidden-lg {
    /* width: 65%; */
    display: inline;
}
/*-----------------------------
announcement
---------------------------------*/
figure.effect-marley p {
    bottom: -10px;
}
/*-----------------------------
academic calender
---------------------------------*/
.calendar-nav {
    display: block;
}
.calendar-nav ul {
    position: unset;    
    width: 100%;
    overflow-y: auto;
}
 .calendar-info > .calendar {
    width: 100%;
    display: block;
}
.academic-calendar .container .row .tab-content > .tab-pane > div {
    display: block;   
}
.calendar-nav ul li a {
    text-align: center;
}
.calendar-note {
    padding: 30px 30px 30px 30px;
}
/*-----------------------------
academic calender
---------------------------------*/
.logo-in a img {
    width: 70%;
}

.social-icns {
    text-align: center;
}

.social-circle li a {
    line-height: 25px;
    padding: 0px 4px;  
    height: 16px;
    font-size: 14px;   
}

.announcements:after {
    border-right: 25px solid rgba(52, 152, 219, 0.04);
    border-bottom: 38px solid rgb(255, 96, 0);
    content: "";
    right: 81%;
    z-index: 1;
}
.announ {   
    overflow: hidden;
}

.announcements:before {   
    right: 96%;
   }

.col-event-left-image {
    width: 100%;
    height: 250px;
}

.col-event-left-image img {
    width: 100%;
    height: 100%;
        margin-bottom: 20px;
}

.col-event-left p {
    bottom: 190px;
    left: 16px;
    padding: 6px 18px;
}
.col-event {
    display: unset;
}
.col-event-right {
    padding: 0px 15px;
}
.mobile-parallex {    
    height: 387px;    
}
.sub-inp {
    width: 100%;   
    margin-bottom: 15px;
}

.paral-brnns {
    text-align: -webkit-center;
}

ul.favourites-links-ul li {
    text-align: center;
    display: -webkit-inline-box;
    padding-left: 0px;
    margin-bottom: 12px;
    float: unset;
}

.footer_copy>p {    
    margin-bottom: 8px;
    margin-top: 15px;
}

.image-icon-str {
    width: 118px;
    padding: 5px 4px;
}
.image-icon-str img {
    width: 100%;
}

.slider-service .owl-nav {
    
    margin: auto 35%;
    bottom: -55px;
}


.owl-theme .owl-nav [class*='owl-'] {
    padding: 0px 8px !important;    
    font-size: 20px;   
}

.facility-sec-in {
    padding: 30px 0px 30px 0px;
    height: 450px;
}

section.facility-sec {
    height: 395px;
}

.ace-responsive-menu > li {
    width: 100%;    
}

.develop-by {
    text-align: center;
    margin-top: 1em;    
    position: unset;
}

.slider-image2 {    
    height: 350px;
    width: 100%;
}

.slider-image {    
    height: 350px;
    width: 100%;
}

.slider-image1 {    
    height: 350px;
    width: 100%;
}

.caption-info {   
    top: 70%;    
}

#banner h1 { 
    font-size: 22px;
 }

ul.social-network li {
    display: -webkit-inline-box;
    padding: 4px 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}

#banner .item {    
    height: 350px !important;
}


/*-------------------------
about-page
---------------------------*/
.bread-crmbs-in {
    height: auto;
}

.inr_breadcrumb {
    float: none !important;
    text-align: right;
    width: 100%;    
}
.bread-crmbs-in-a {
    padding: 80px 0px 42px;
}

/*-------------------------
about-page
---------------------------*/

.grid figure {
    min-width: 175px;
    height: 190px;
}

figure.effect-marley h2 {
    font-size: 18px;
    
}
/*------ Landscape 5/11/2018 -----*/
/*--top header announcement ---*/

.announcements h4 {
    font-size: 20px;
 }
.announ-det {
    margin-left: 20px;
}
/*--admission enquiry buttons ---*/
.join-u-btnnss {
    text-align: center;
}
/*--admission enquiry content ---*/
.join-u {
    text-align: center;
}

/*--announcements prev next icons ---*/
.slider-service .owl-nav {
    margin: auto 35%;
}
/*--calender  icon adjust---*/
.tab-pane .year-title .yr-prev {
  margin: -1px -19px;
}
.calendar-nav .year-title .yr-next {
    margin: -10px -17px;
}
/*--calender width adjust---*/
.calendar-header h2 {
    padding-left: 15px;
}
.calendar-info > .calendar {
    width: 100%;
}
/*--latest news parallex---*/
.mobile-parallex {
    height: auto;
}
.mobile-parallex-in {
    padding: 40px 20px 55px 20px;
    text-align: center;
}
/*--footer ---*/
.footer_links {
    text-align: center;
}
ul.foot-app {
    margin: 0px 96px;
    display: block;
}

/*==========About > claretains==========*/

/*---breadcrumb paralles---*/
.inr_breadcrumb {
    float: right;
    padding: 10px 0 5px;
}
.bread-crmbs-in-a {
    padding: 35px 0px 35px;
    margin-top: 70px;
}
/*=========== 8/11/2018 for inner pages =============*/
.join-univer-in {
    padding: 30px 0px 45px 0px;
}
.about-sec-in {
    padding: 30px 0px 30px 0px;
}

.abt-pge-sec-in {
    padding: 40px 0px 60px 0px;
}

section.work-layer {
    padding: 30px 20px 40px 20px;
}

.btn2 {
    margin: 0 auto;
 }
 .marge {
    padding: 35px 0px;
}

.abt-pge-sec-in {
    padding: 40px 0px 40px 0px;
}
.ins-img {
    margin-bottom: 10px;
}
.a-headings h3 {
    font-size: 25px;
}
.calendar-sec {
    margin-top: 30px;
}
.contect-link-sec-bg {
    padding: 30px 0px 35px 0px;
}
.sidebar-box {
    margin-bottom: 0px;
}
.career_reg {
    height: auto;
}
.career_reg.alum-reg {
    margin-bottom: 37px;
 }
.contact-sec-in {
    padding: 40px 0px;
}
.toggleIcon {
    display: block !important;
}

h3.add-h3 {
    font-size: 18px;
}
a.btn.btn-read.btn-read-add {
    background: rgba(255, 254, 253, 0.31);
    border-radius: 0;
    border: 1px solid #ff6000 !important;
    color: #fff;
    font-size: 10px !important;
    font-weight: 500;
    padding: 5px 15px !important;
    background: #ff6000;
}
.toggleIcon {
    padding: 0px;
}
.project-btn {
    text-align: center;
    margin: 5%;
}
.sticky {
    position: absolute;
}

.admission_open_button_block {
    margin-top: 16px;
    margin-right: 6px;
    width: 187px !important;
}

.enrollnow_text {
    padding: 9px;
    font-size: 16px;
    margin-left: 10px;
}

.admission_open_text {
    padding: 10px 1px;
    height: 79px;
    border-radius: 71px;
    font-size: 19px;
    width: 127px !important;
    margin: -9px 36px 5px;
}


}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 320px) {


.image-icon-str {
    width: 98px;
    padding: 5px 4px;
}

.social-circle li a {
    line-height: 11px;
    padding: 0px 0px;
    height: 10px;
    font-size: 12px;
}




}