/*-----------------------------------------
 [RESPONSIV(MOBILE)E STYLE SHEET]
 * Project: Education Master HTML Template
 * Version: v1.0
 * Copyright 2017-2020 rn53themes
 * Last Changes: 10 jan 2018
 * Author: RN53 Themes
 * Email:      rn53themes@gmail.com
 * Website:    http://www.rn53themes.net 
 -----------------------------------------------*/

/*-------------------------------------------------------*/
/* When the browser is between 1366px to above wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width: 1440px){
   .mm1-com ul li a {font-size: 12px;}
   .about-mm .mm1-s2 p {font-size: 12px;}

   .about-mm img{width: 85% !important;}

   h2.gallery-title{font-size: 42px; line-height: 60px;}
   a#photo_gallery_btn {margin: 40% 0 0 35%;}
   #important_news h2{font-size: 20px;}
   .pro-menu ul li a, .pro-menu ul li.active a{font-size: 13px; line-height: 40px; padding: 10px;}
   .pro-user-bio h4{font-size: 14px;}
   .pro-user-bio ul li{margin-bottom: 5px;}
   .pro-user-bio ul li a{ font-size: 13px;}
   .pro-user-bio ul li a i { width: 7px; font-size: 12px; }

   .rightsidebar h4{font-size: 15px;}
   .rightsidebar ul li{margin-bottom: 10px;}
   .rightsidebar ul li a{font-size: 13px; font-weight: 500;}

}

/*-------------------------------------------------------*/
/* When the browser is between 1366px to above wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (min-width: 1366px){
   .semi-inn {width: 1000px;}
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 1366px wide, below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width: 1366px){
   .main-menu ul li a{font-size: 14px;}
   .mm1-com ul li a {font-size: 12px;}
   .mm1-com h4{font-size: 11px !important;}
   ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>a{ line-height: 16px !important; font-size: 12px !important;}
   .ruby-menu-mega-blog-nav li ul li a {font-size: 12px !important; line-height: 25px;}
   ul.ruby-menu>li.ruby-menu-mega-blog>div{ padding: 10px 20px !important; }
   .facultyMegaMenu{width: 80% !important;}

   .pro-menu ul li a, .pro-menu ul li.active a{font-size: 12px;}
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 1300px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:1300px){
   .wed-hom-ser{ display:none;}
   .main-menu ul li{padding: 0px 13px;}
   .pro-menu ul li a, .pro-menu ul li.active a{font-size: 11px;}
   .wed-foot-link ul li{ width: unset; }
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 1200px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:1200px){
   .main-menu ul li{padding: 0px 8px;}
/*   .main-menu ul li a { padding: 8px;}*/

   .ed-rsear-in{width:100%;}
   #important_news h2{font-size: 16px; padding: 9% 0px;}
   h2.gallery-title { font-size: 34px; }
   a#photo_gallery_btn{ margin: 45% 0 0 28%;}
   .wed-foot-link ul li{width: 100%;}
   .numlProg_flipboxBack p{font-size: 13px;}
   .udb-sec h4 {font-size: calc(0.75vw + 0.75vh + 0.75vmin);}

   .pro-menu ul li a, .pro-menu ul li.active a{ padding: 8px;}
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 1024px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:1024px){
   .mm1-com ul li a{ font-size: 11px !important; line-height: 20px; font-weight: 500; }
   .mm1-com h4{font-size: 11px !important;}

   .m-menu-inn ul li:before{ top: unset !important; }

   ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>a{ line-height: 16px !important; font-size: 11px !important; font-weight: 600;}
   .ruby-menu-mega-blog-nav li ul li a {font-size: 11px !important; line-height: 25px;}
   ul.ruby-menu>li.ruby-menu-mega-blog>div{ padding: 7px 20px !important; }

   .facultyMegaMenu{width: 80% !important;}

   .pro-menu ul li a, .pro-menu ul li.active a{ font-size: 10px; padding: 8px;}

   .udb-sec h4 {font-size: calc(0.5vw + 0.5vh + 0.5vmin);}
   
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 992px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:992px){
   .wed-logo a img{width:80%;margin-top:5px}
   .ad-log-in{width:80%;padding:25px}
   .ed-rsear-in ul li{width:100%}
   .web-search-form div input{margin-bottom:0}
   .web-search-form div input i{display:block}
   .wed-search-1{padding:115px 0 50px}
   .h-quote:before{width:100%}
   .admiss-form{padding:0 30px;margin-top:50px}
   .admiss-form form label{color:#fff}
   .help-arrow{display:none}
   .semi-form{margin-top:40px}
   .semi-left{width:100%;padding:0}
   .semi-right{width:100%}
   .pg-eve-reg{display:none}
   .ho-ev-link{width:75%}
   .search-form{width:100%}
   .sf-list{width:57.5%}
   .sf-submit{width:40%}
   .sf-type{width:60%}
   .top-logo,.ed-top{display:none}
   .ed-mob-menu{display:block}
   .search-top{margin-top:55px;border:0}
   .carousel{margin-top:0}
   .home-top-cour-desc h3{margin-top:20px}
   .ho-event-mob-bot-sp{margin-bottom:50px}
   .bb-link{margin-top:15px}
   .bb-img{margin-bottom:15px}
   .wed-foot-link div{position:relative;overflow:hidden;border-right:0 groove #6a83a0}
   .wed-foot-link{padding:0;border:0}
   .wed-foot-link h4{border-top:1px groove #6a83a0;padding-top:35px;margin-top:35px}
   .wed-foot-link ul li{width: 50%;}
   .wed-foot-link .foot-tc-mar-t-o h4{margin-top:0}
   .wed-hom-footer h4{margin-top:35px}
   .wed-foot-link-1{padding-top:0}
   .log-in-pop-left{width:100%;padding:7%}
   .log-in-pop-right{width:100%;padding:7%}
   .log-in-pop{width:75%}
   .modal-open .modal{width:100%}
   .carousel-caption{right:10%;left:10%;top:10%;padding-bottom:30px}
   .slider-con h2{font-size:32px}
   .slider-con h2 span{font-size:32px}
   .slider-con p{font-size:16px}
   .ed-advan ul li{width:100%;background:#f5f5f5;border:5px solid #fff!important;border-radius:5px}
   .ed-advan ul li:nth-child(1){border:0}
   .ed-advan ul li:nth-child(2){border:0}
   .ed-advan ul li:nth-child(3){border:0}
   .ed-advan ul li:nth-child(4){border:0}
   .ed-advan ul li:nth-child(5){border:0}
   .ed-advan ul li:nth-child(6){border:0}
   .pad-top-173{padding-top:120px}
   .head-2{margin-top:0}
   .head-2-inn{padding-top:120px}
   .pro-user{margin-top:0}
   .pro-menu ul{margin-bottom:0;margin-left:0; /*padding: 20px 0px;*/ }
   .pro-menu ul li{ display:block;float:left;box-sizing:border-box /* width: 50%;*/}
   .pro-menu ul li a {/*padding: 0px 20px;line-height: 53px;color: #fff;font-weight: 500;border: 1px solid #3a5d84;width: 98%;display: block;margin: 5px;box-sizing: border-box;text-align: center;*/}
   .sdb-cl-day{width:100%;padding-bottom:25px}
   .udb{padding:0;/* margin-top:35px;*/}
   .udb-sec h4 {font-size: calc(0.5vw + 0.5vh + 0.5vmin);}
   .sdb-cl-class{width:100%}
   .cor-p6{margin-top:0;position:relative;overflow:hidden}
   .cor-side-com{position:relative;overflow:hidden;margin-bottom:0;width:100%;margin-top:40px}
   .cor-p5 ul li a img{margin:0 auto}
   .cor-mid-img{margin-top:50px}
   .overlay-contact{width:100%;padding:35px 0;margin-bottom:100px;margin-top:50px}
   .contact-map iframe{height:250px}
   .new-con1{height:150px}
   .ed-ban-tit{width:100%;padding:25px}
   .ed-ref-form{width:100%;padding-top:25px;padding-left:0}
   .head-2-inn-padd-top{padding-top:0}
   .rightsidebar{display:none;}
   #main_vid_slider #main_video{margin-top: 60px;}
   #important_news h2{padding: 4% 0px !important;}

   a#photo_gallery_btn { margin: 35% 0 0 40%; }
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 860 wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:860px){
   .slider-con p{margin-bottom:15px;}
/*   #important_news h2{padding: 4% 0px !important;}*/
   .whyNuml_section1, .whyNuml_section3{height: 420px;} 
   a#photo_gallery_btn {margin: 45% 0 0 35%;}
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 767 wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:767px){
   .mob-hide{display:none}
   .wed-logo a img{width:200px;margin-top:unset}
   .wed-search-1{width:90%}
   .wed-hom-ser ul li a{width:75px;height:75px;display:block;padding:10px 2px}
   .web-search-form label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
   .wed-menu{float:right;padding-top:14px;position:fixed;right:0;top:0}
   .desk-hide{display:block;position:fixed;top:9px;font-size:17px;border:1px solid #fff;padding:3px 6px 0;border-radius:2px;background:#fff;color:#803e88;right:22px;cursor:pointer}
   .man-drop{position:fixed;left:0;margin-left:0;width:100%;top:29px;height:100%;overflow-x:hidden;overflow-y:auto}
   .man-drop ul li{width:98%}
   .man-drop:before{left:94%}
   .mob-cfw{padding-left:0!important;padding-right:0!important}
   .s17-eve-time-tim{display:none}
   .s17-eve-time-msg{width:100%;padding-right:20px}
   .carousel-caption{right:10%;left:10%;top:5%;padding-bottom:30px}
   .slider-con h2{font-size:32px}
   .slider-con h2 span{font-size:32px}
   .slider-con p{font-size:16px;margin-top:25px}
   .slider-con a{display:none}
   .cor-p5 ul li a span{display:none}
   .sdb-cours ul li{width:100%;padding-right:0}
   .sdb-cours ul li:nth-child(3){margin-bottom:15px}
   .sdb-cl-class-tim{width:100%;border-right:0 solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding-bottom:15px;margin-bottom:15px}
   .sdb-cl-class-name{width:100%}
   .new-con1{height:auto}
   .new-con h4{margin-top:35px}
   .ed-ban-tit-31{width:100%;float:left;box-sizing:border-box}
   .ed-ban-tit-32{width:100%}
   .ed-ref-form-inn form ul li{width:100%}
   .pg-blog{width:90%}
   .ed-pho-gal ul li{float:left;width:50%}
   #important_news h2{padding:2% 0!important}
   .con-title{margin-bottom: unset;}
   .con-title h2{font-size:20px;}    
   .whyNumlSection{padding-left: 15px !important; padding-right: 15px !important;}
   .whyNuml_section1, .whyNuml_section3{text-align: center; height:unset;}
   .whyNuml_section3{ margin-top:unset !important; max-width: 100%; }
   .ho-ev-date span:first-child {font-size: 22px;}
   .ho-ev-date span:last-child {font-size: 10px;}
   .contentDivBox{ margin-top:0px; }
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 667px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:667px){
   .pg-eve-date {width: 15%;}
   .ho-ev-date span:first-child {font-size: 18px;}
   .ho-ev-date span:last-child {font-size: 10px;}
}


/*-------------------------------------------------------*/
/* When the browser is between 0px and 550 wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:550px){
   .carousel-caption{right:10%;left:10%;top:5%;padding-bottom:30px}
   .slider-con h2{font-size:24px;line-height:24px}
   .slider-con h2 span{font-size:24px;line-height:24px}
   .slider-con p{margin-top:0;font-size:12px;line-height:16px}
   .slider-con a{display:none}
   .pro-menu ul{ /*display: unset !important;*/ }
   .pro-menu ul li{ /*width:100%*/ }
   .ed-rsear-dec a span{font-size:10px}
   .ed-rsear-dec a{font-size:10px}
   .ed-rsear-dec h4 a{font-size:12px}
   .ed-rsear-dec{padding:8px 15px}
   .ed-rsear-img img{ /*width:70px;*/}

   .numlProg_flipbox{ height:250px; }
   .numlProg_flipboxFront{padding-top: 175px;}
   .numlProg_flipboxFront h3{font-size: 18px; padding-left: 10px;}

   .numlProg_flipboxBack p{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}

   a#photo_gallery_btn {margin: 60% 0 0 30%;}
    
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 480 wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:480px){
   .wed-hom-ser ul li a{width:62px;height:62px;display:block;padding:10px 2px 38px;line-height:10px}
   .man-drop ul li{width:98%}
   .quote-title h2{font-size:42px}
   .pg-eve-date {width: 20%;}
   .ho-ev-link{width:75%;}
   .sf-submit input{font-size:12px;padding:15px 4px}
   .carousel-caption{right:10%;left:10%;top:0;padding-bottom:30px}
   .slider-con h2{font-size:24px;margin-top:10px}
   .slider-con h2 span{font-size:24px}
   .slider-con p{font-size:16px;margin-top:10px;font-size:12px;line-height:24px}
   .slider-con a{display:none;}
   a#photo_gallery_btn {margin: 75% 0 0 22%;}
   .wed-foot-link ul li{width: 100%;}
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 375 wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:375px){
   h2.gallery-title { font-size: 34px;line-height: 37px;}
   a#photo_gallery_btn { margin: 75% 0 0 20%; }
   a#photo_gallery_btn span { font-size: 14px;}
   .counter p{height: 45px;overflow: hidden;}
 }