/**Responsive Design for school website**/

@media (max-width: 2200px) {
.banner-wrapper .slides li > span {
    width: 56%;
}
}	

@media (min-width: 1281px) {
ul.vidoe-gallery-list li, #cmf-site-full-content ul.cat-photo-gallery li {
    height: auto;
    width: 100%;
    margin-bottom: 0;    
}

 
}

@media (min-width: 1025px) and (max-width: 1280px) {
 .scroll-table1 {
    min-width: 100%;
}
 ul.vidoe-gallery-list li, #cmf-site-full-content ul.cat-photo-gallery li {
    height: auto;
    width: 100%;
    margin-bottom: 0;    
}
   
}

@media (min-width: 768px) and (max-width: 1024px) {
  
 .logo span {
    font-size: 15px;
}
.nice-menu ul li span {
    padding: 0px 10px!important;
    font-size: 74%;
}    
.nice-menu ul li a {
    padding: 0px 9px;
    font-size: 75%;
}    
.logo span:nth-child(2) {
    white-space: normal;
}
    nav#main_menu div#block-mainnavigation span {
    color: #fff;
}
.logo {
    max-width: 650px;
    width: 60%;
    padding: 0;
} 
    .block-visitors { 
    right: 8%;
    top: 80px;    
}  
.footer-top-wrapper ul li a {
    font-size: 80%; 
}  
    .scroll-table1 {
    min-width: 100%;
}
    .cat-photo-gallery img.image-style-medium { 
    height: auto;
}
#cmf-site-full-content ul.cat-photo-gallery li {
    height: auto !important;
} 
img.image-style-photo-gallery-list {
    width: 40%;
}   
ul.vidoe-gallery-list li, #cmf-site-full-content ul.cat-photo-gallery li {
    height: auto;
    width: 100%;
    margin-bottom: 0;    
}

    
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
   
.logo {
    max-width: 650px;
    width: 60%;
    padding: 0;
}    
 .logo span {
    font-size: 15px;
}
.nice-menu ul li span {
    padding: 0px 10px!important;
    font-size: 74%;
}    
.nice-menu ul li a {
    padding: 0px 9px;
    font-size: 75%;
}    
 .logo span:nth-child(2) {
    white-space: normal;
}    
 nav#main_menu div#block-mainnavigation span {
    color: #fff;
}  
 .block-visitors { 
    right: 8%;
    top: 72px;    
}  
.footer-top-wrapper ul li a {
    font-size: 80%; 
} 
    .scroll-table1 {
    min-width: 100%;
}
    .cat-photo-gallery img.image-style-medium {   
    height: auto;
}
#cmf-site-full-content ul.cat-photo-gallery li {
    height: auto !important;
}
img.image-style-photo-gallery-list {
    width: 40%;
}    
ul.vidoe-gallery-list li, #cmf-site-full-content ul.cat-photo-gallery li {
    height: auto;
    width: 100%;
    margin-bottom: 0;    
}    
    
}

@media (min-width: 481px) and (max-width: 767px) {
.header-container {
    max-width: 100%;
    padding: 4px;
    display: table-caption;
    width: 100%;
}
.logo span:nth-child(2) {
    white-space: nowrap;
    font-size: 13px;
}   
.logo span:nth-child(3) { 
    font-size: 14px;
    white-space: nowrap;
}    
    .logo {
    max-width: 800px; 
    width: 100%;
}  
.slides > li {
    position: relative;
    top: 16px;
}
.banner-wrapper .flexslider .slides > li p {
    text-align: center;
    margin: 0 auto;
    line-height: 20px;
    font-size: 88%;
}

.about-sec-mian .container {
    max-width: 720px;
}       
section.quick-link .container {
    max-width: 720px;
}       
.photo-gallery   .container {
    max-width: 720px;
}         
section.wrapper.carousel-wrapper   .container {
    max-width: 720px;
}           
section.wrapper.footer-wrapper .container {
    max-width: 790px;
}           
.footer-bottom-wrapper .container {
    max-width: 790px;
}           
.block-visitors {
    position: absolute;
    right: 62px;
    top: 75px;
    color: #fff;
}

nav#main_menu div#block-mainnavigation span {
    color: #fff;
}
.logo span { 
    font-size: 13px;
} 
    .scroll-table1 {
    min-width: 100%;
}
ul.vidoe-gallery-list li, #cmf-site-full-content ul.cat-photo-gallery li {
    height: auto;
    width: 100%;
    margin-bottom: 0;    
}    
}

@media (min-width: 318px) and (max-width: 480px) {
.top-header .common-left{float: none !important;display: flex;justify-content: center;}
.top-header{border-bottom: 1px solid #444;}
.header-container{padding:0px;} 
.header-container .logo a img{width: 60px;}
.header-container .logo span {
    padding: 0px;
    font-size: 12px;
    padding-bottom: 5px;
}
.logo span:nth-child(3) {
    white-space: normal;
}    
.header-container .header-right .right-content a img {width: 75%;}
.header-container .header-right{width:100%;}
.header-container .header-right .right-content a:nth-child(2) img {
    width: 66%;
}
.header-container .header-right .right-content{float:left!important;}

.banner-wrapper .flexslider .slides > li{height: 151px;} 
.banner-wrapper .slides li > span{width:80%;padding-top: 0;} 
.banner-wrapper .flexslider .slides > li p {
    line-height: 11px;
    font-size: 69%;
    margin-top: -22px;
    font-weight: 600;
}
    .aboutus-sec p {
    line-height: 24px;
    font-size: 86%;
    text-align: justify;
}
.about-sec-mian .aboutus-sec{padding:10px;}
.about-sec-mian .news-sec{padding:10px;margin-top: 30px;}
.news-sec .quicktabs-wrapper ul.quicktabs-tabs li{margin: 5px 5px;}
.news-sec .quicktabs-wrapper ul.quicktabs-tabs li a {
    border: 1px solid #d4d4d4;
    padding: 6px 20px;
    border-radius: 4px;
}
.news-sec .quicktabs-wrapper ul.quicktabs-tabs{	border-bottom: 3px solid #2196f36b; padding-bottom: 10px;}
.display-item ul >li span{width: 50px;height: 50px;}
.quick-link .wraping .item-col {
    width: 100%;
    float: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.photo-gallery-sec .slides {width: 100% !important;}
.photo-gallery-sec {
    height: auto;
}
.photo-gallery-sec #carousel{width:100%;margin: 0 0 0 0;}
.photo-gallery-sec #carousel .slides img {height:auto;}
.photo-gallery-sec #carousel ul.slides{display:flex;flex-direction:row;}
.photo-gallery-sec #carousel ul.slides li:nth-child(3){margin-right: 0 !important;}
.footer-wrapper #block-icsil-footer ul.menu{line-height: normal;}
.region-footer .block-visitors{position:absolute;left: 30%;bottom: -11px;color: #fff;width: 50%;}
.region-footer .block-visitors .item-list{position: absolute;bottom: 0;}
.common-container {height: auto;}
.scroll-table1 { min-width: 100%;}
.path-photo-gallery .top-bg-wrapper .inner-content .item-list ul.cat-photo-gallery{display:flex;}
.cmf-site-gallery-grid ul.gallery-row li{float:none;width:100%;}
ul.vidoe-gallery-list{display:block;}
ul.vidoe-gallery-list li{width:100%;float:none;}
.common-right ul li {
    height: 36px;
    padding: 6px;
    margin: 0 auto;
}
.common-right {
    display: flex;
    justify-content: center;
    height: 40px;
    margin-top: 6px;
    width: 100%;
}
 .float-element {
    float: left;
    margin-left: 0;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
.item-col {
    min-height: 96px;
} 
.more-link a {    
    bottom: -9px;
} 
.view-photo-gallery .slides li img {
    height: auto;
    width: 100%;
}  
.video-gallery-sec iframe {
    height: 290px;    
}   
.banner-wrapper .flexslider .slides > li p {
    line-height: 28px;
    font-size: 90%;
    margin-top: 0;
    margin: 0 auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-width: 275px;
    height: 99.2px;
}
    .banner-wrapper .flexslider .slides > li p {
    top: 36%;    
}
 .logo span:nth-child(2) {
    white-space: normal;
}  
img.image-style-photo-gallery-list {
    width: 100%;
}    
.common-left ul {
    display: none;
} 
/*
.view.view-basic-page.view-id-basic_page.view-display-id-block_1 .views-field.views-field-body .field-content p {
    font-size: 77%;
}
*/
h1.views-field.views-field-title.page-title span {
    font-size: 92%;
}    
.nice-menu .nav-container .main-menu .sf-accordion-toggle a:before {
    content: '';
    display: block;
    background: url(../images/menu.png);
    width: 30px;
    height: 30px;
    background-size: 100%;
} 
    li.hindi.cmf_lan.m-hide {
    border: none;
}
}


@media all and (max-width: 940px) {
.nice-menu .nav-container .main-menu .sf-accordion-toggle{padding:5px 0;}
.nice-menu .nav-container .main-menu .sf-accordion-toggle a:before {
    content: '';
    display: block;
    background: url(../images/menu.png);
    width: 30px;
    height: 30px;
    background-size: 100%;
}
    
.nice-menu .nav-container .main-menu .sf-accordion-toggle a span{display:none;}    
.right-content { 
    display: none;
}  
.logo {
    max-width: 900px;
    width: 100%;
    padding: 0;
}  
.logo span { 
    font-size: 15px;
}    
nav#main_menu .container {
    max-width: 725px;
}    
    
}