@charset "utf-8";

/* portfolio name : Derozio Memorial College */

/* design by sanjib on 15.05.2017 */

@media screen and (min-width: 640px) {

  .navbar-nav > li {
    display: inline-block;
    margin: 0;
    padding-right: 25px;
    width: 100%;
}
/*.sub-menu {
    width: 89% !important;
    z-index: 1000;
}*/
.sub-menu > li > a {

    color: #000 !important;

}
.sub-menu > li > a:hover {

    color: #fff !important;

}
}


@media screen and (min-width: 480px) {

  .navbar-nav > li {
    display: inline-block;
    margin: 0;
    padding-right: 25px;
    width: 100%;
}
/*.sub-menu {
    width: 83% !important;
    z-index: 1000;
}*/
.sub-menu > li > a {

    color: #000 !important;

}
.sub-menu > li > a:hover {

    color: #fff !important;

}
}
@media screen and (min-width: 360px) {

   .navbar-nav > li {
    display: inline-block;
    margin: 0;
    padding-right: 25px;
    width: 100%;
}

.sub-menu > li > a {

    color: #000 !important;

}
.sub-menu > li > a:hover {

    color: #fff !important;

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

/*.....................home page start........................*/

/*top header section start*/
.top_left h6 {
    font-size: 21px!important;
    line-height: 35px!important;
}

.topheader_wrapper {

	padding:10px 0px;	

}

.topheader_wrap .top_left {

	display:block;
	  margin: 18px 0 0;

}

.topheader_wrap .top_right {

	display:none;

}

.top_right_tab {

    background: #03385d none repeat scroll 0 0;

    display: block;

    float: left;

    padding-top: 110px;

    padding-bottom: 10px;

    width: 100%;

}
.sub-menu > li > a {

    color: #000 !important;

}
.sub-menu > li > a:hover {

    color: #fff !important;

}
.top_right_tab .right_list_tab{

	width:100%;

	padding:0px;

	margin:0px;

	float:left;	

}

.right_list_tab ul {

    float: left;

    margin-bottom: 5px;

    padding: 0;

    width: 100%;

}

.right_list_tab ul li{

	margin:0px;

	padding-right:10px;	

	font-size:12px;

	color:#FFF;

	list-style:none;

	float:left;

	width:auto;

}

.right_list_tab ul li:last-child{

	padding-right:0px;	

}

.right_list_tab ul li a{

	margin:0px;

	padding:0px;	

	font-size:12px;

	color:#FFF;

	font-family: 'latoregular';

}

.right_list_tab ul li a:hover{

	color:#cb3322;	

}

.right_list_tab p{

	font-size:16px;

	color:#FFF;

	padding:0px;

	margin:0px;

	text-align:left;

	font-family: 'latoregular';

}

.right_list_tab p i {

    color: #cb3322;

    font-size: 18px;

    font-weight: bold;

    margin: 0;

    padding-right: 10px;

    vertical-align: middle;

}

/*top header section end*/



/*header section start*/

.header_wrapper {

	padding:0px;	

}

.header_wrapper .main_nav {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.main_nav .navbar-nav {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.nav.navbar-nav.sm-collapsible {

    height: auto;

    overflow: auto;

}

.navbar-nav > li {

    float: none;

    margin: 0;

    padding: 3px 0px;

    width: 100%!important;

	text-align:left;

}

.navbar-nav > li > a {

    border-bottom: 0px solid transparent;

    color: #FFF;

    font-size: 15px;

    margin: 0;

    padding: 10px;

}

.navbar-nav > li.active a {

    background-color: #38384c;

	border-bottom:none;

	color:#FFF;

}

.navbar-nav > li > a:hover {

    background-color: #38384c;

	border-bottom:none;

	color:#FFF;

}

.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {

    color: #FFF;

    padding: 10px 15px;

	/*background:transparent;*/

}

.navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {

    background-image: none;

	color:#FFF;

	background-color: #38384c !important;

}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {

    background-color: #38384c;

    border-color: #eeaf06;

    color: #FFF;

}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {

    background-color: #38384c;

    color: #000;

    text-decoration: none;

}

.navbar-toggle {

    background-color: transparent;

    background-image: none;

    border: 2px solid #cb3322;

    border-radius: 4px;

    float: right;

    margin-bottom: 0;

    margin-right: 0;

    margin-top: 20px;

    padding: 9px 10px;

    position: relative;

}

.navbar-toggle .icon-bar {

    background:#cb3322;

    border-radius: 0px;

    display: block;

    height: 2px;

    width: 22px;

}

.header_wrapper .social_box {

	display:none;	

}

/*header section end*/



/*notice section start*/	

.notice_wrapper {

	margin:0px;

}

.notice_wrapper h4 {

    font-size: 14px;

}

/*notice section end*/	



/*banner section start*/

.banner_wrapper {

    margin-top: 0px;

}

.carousel-caption .carousel_slider1 {

	display:none;	

}

.blink_box {

	padding:10px;

	text-align:center;

	background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;

}

.blink_box > span {

    background: none;

    padding:0px;

}

.blink_box a {

    font-size: 18px;

    line-height: 24px;

}

/*banner section end*/	



/*welcome section start*/

.welcome_content .welcome_mainbox {

    float: left;

    height: 400px;

    margin: 0;

    overflow: hidden;

    padding: 0;

    width: 100%;

}

/*welcome section end*/



/*facility section start*/

.facility_head .head_img {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.facility_head .head_text {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.head_text h4 {

    color: #fff;

    font-family: "oswaldlight";

    font-size: 24px;

    font-weight: bold;

    line-height: 30px;

    margin: 0;

    padding: 20px 0 0;

    text-align: center;

    text-transform: uppercase;

}

/*facility section end*/



/*events section start*/

.events_content .recent_mainbox {

    float: left;

    height: 375px;

    margin: 0;

    overflow: hidden;

    padding: 0;

    width: 100%;

}

.events_content2 .content2_left {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.events_content2 .content2_right {

    float: left;

    margin-top: 20px;

    padding-left: 0;

    width: 100%;

}

/*events section end*/

/*.....................home page start........................*/



/* ............. infastructure page start ..................... */

.portfolio-item {

    float: left;

    margin:0px 0px 20px;

    overflow: hidden;

    padding: 0px;

    position: relative;

    width: 100%;

}

.project-filter ul li {

    float: left;

    margin-bottom:5px;

    padding: 0;

    width: 100%;

}

.portfolio-item:hover .plus {

    top: 50%;

}

/* ............... infastructure page end ................. */



/* ................ login page start .................... */

.login_wrapper {

    margin: 50px auto 0;

}

.login_wrapper .login_wrap {

    margin: 0 auto;

    padding: 0;

    width: 100%;

}

/* ................ login page end .................... */



/* ................ forgot page start .................... */

.forgot_wrapper {

	margin: 50px auto 0;

}

.forgot_wrapper .forgot_wrap {

    margin: 0 auto;

    padding: 0;

    width: 100%;

}

/* ................ forgot page end .................... */

}



@media screen and (min-width: 321px) and (max-width: 479px) { 

/*.....................home page start........................*/

/*top header section start*/

.topheader_wrapper {

	padding:10px 0px;	

}

.topheader_wrap .top_left {

	display:block;

}

.topheader_wrap .top_right {

	display:none;

}

.top_right_tab {

    background: #03385d none repeat scroll 0 0;

    display: block;

    float: left;

    padding-top: 110px;

    padding-bottom: 10px;

    width: 100%;

}

.top_right_tab .right_list_tab{

	width:100%;

	padding:0px;

	margin:0px;

	float:left;	

}

.right_list_tab ul {

    float: left;

    margin-bottom: 5px;

    padding: 0;

    width: 100%;

}

.right_list_tab ul li{

	margin:0px;

	padding-right:10px;	

	font-size:12px;

	color:#FFF;

	list-style:none;

	float:left;

	width:auto;

}

.right_list_tab ul li:last-child{

	padding-right:0px;	

}

.right_list_tab ul li a{

	margin:0px;

	padding:0px;	

	font-size:12px;

	color:#FFF;

	font-family: 'latoregular';

}

.right_list_tab ul li a:hover{

	color:#cb3322;	

}

.right_list_tab p{

	font-size:16px;

	color:#FFF;

	padding:0px;

	margin:0px;

	text-align:left;

	font-family: 'latoregular';

}

.right_list_tab p i {

    color: #cb3322;

    font-size: 18px;

    font-weight: bold;

    margin: 0;

    padding-right: 10px;

    vertical-align: middle;

}

/*top header section end*/



/*header section start*/

.header_wrapper {

	padding:0px;	

}

.header_wrapper .main_nav {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.main_nav .navbar-nav {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.nav.navbar-nav.sm-collapsible {

    height: auto;

    overflow: auto;

}

.navbar-nav > li {

    float: none;

    margin: 0;

    padding: 3px 0px;

    width: 100%!important;

	text-align:left;

}

.navbar-nav > li > a {

    border-bottom: 0px solid transparent;

    color: #FFF;

    font-size: 15px;

    margin: 0;

    padding: 10px;

}

.navbar-nav > li.active a {

    background-color: #38384c;

	border-bottom:none;

	color:#FFF;

}

.navbar-nav > li > a:hover {

    background-color: #38384c;

	border-bottom:none;

	color:#FFF;

}

.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {

    color: #FFF;

    padding: 10px 15px;

	/*background:transparent;*/

}

.navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {

    background-image: none;

	color:#FFF;

	background-color: #38384c !important;

}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {

    background-color: #38384c;

    border-color: #eeaf06;

    color: #FFF;

}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {

    background-color: #38384c;

    color: #000;

    text-decoration: none;

}

.navbar-toggle {

    background-color: transparent;

    background-image: none;

    border: 2px solid #cb3322;

    border-radius: 4px;

    float: right;

    margin-bottom: 0;

    margin-right: 0;

    margin-top: 10px;

    padding: 9px 10px;

    position: relative;

}

.navbar-toggle .icon-bar {

    background:#cb3322;

    border-radius: 0px;

    display: block;

    height: 2px;

    width: 22px;

}

.header_wrapper .social_box {

	display:none;	

}

/*header section end*/



/*notice section start*/	

.notice_wrapper {

	margin:0px;

}

.notice_wrapper h4 {

    font-size: 14px;

}

/*notice section end*/	



/*banner section start*/

.banner_wrapper {

    margin-top: 0px;

}

.carousel-caption .carousel_slider1 {

	display:none;	

}

.blink_box {

	padding:10px;

	text-align:center;

	background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;

}

.blink_box > span {

    background: none;

    padding:0px;

}

.blink_box a {

    font-size: 18px;

    line-height: 24px;

}

/*banner section end*/	



/*welcome section start*/

.welcome_content .welcome_mainbox {

    float: left;

    height: 400px;

    margin: 0;

    overflow: hidden;

    padding: 0;

    width: 100%;

}

/*welcome section end*/



/*facility section start*/

.facility_head .head_img {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.facility_head .head_text {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.head_text h4 {

    color: #fff;

    font-family: "oswaldlight";

    font-size: 24px;

    font-weight: bold;

    line-height: 30px;

    margin: 0;

    padding: 20px 0 0;

    text-align: center;

    text-transform: uppercase;

}

/*facility section end*/



/*events section start*/

.events_content .recent_mainbox {

    float: left;

    height: 375px;

    margin: 0;

    overflow: hidden;

    padding: 0;

    width: 100%;

}

.events_content2 .content2_left {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.events_content2 .content2_right {

    float: left;

    margin-top: 20px;

    padding-left: 0;

    width: 100%;

}

/*events section end*/

/*.....................home page start........................*/



/* ............. infastructure page start ..................... */

.portfolio-item {

    float: left;

    margin:0px 0px 20px;

    overflow: hidden;

    padding: 0px;

    position: relative;

    width: 100%;

}

.project-filter ul li {

    float: left;

    margin-bottom:5px;

    padding: 0;

    width: 100%;

}

.portfolio-item:hover .plus {

    top: 50%;

}

/* ............... infastructure page end ................. */



/* ................ login page start .................... */

.login_wrapper {

    margin: 50px auto 0;

}

.login_wrapper .login_wrap {

    margin: 0 auto;

    padding: 0;

    width: 100%;

}

/* ................ login page end .................... */



/* ................ forgot page start .................... */

.forgot_wrapper {

	margin: 50px auto 0;

}

.forgot_wrapper .forgot_wrap {

    margin: 0 auto;

    padding: 0;

    width: 100%;

}
.top_left h6 {

    font-size: 33px!important;
}

/* ................ forgot page end .................... */

}



@media screen and (min-width: 480px) and (max-width: 767px) { 

/*.....................home page start........................*/

/*top header section start*/
.top_left h6 {

    font-size: 33px!important;
}
.topheader_wrapper {

	padding:10px 0px;	

}

.topheader_wrap .top_left {

	display:block;
	margin-top:30px!important;

}

.topheader_wrap .top_right {

	display:none;

}

.top_right_tab {

    background: #03385d none repeat scroll 0 0;

    display: block;

    float: left;

    padding-top: 110px;

    padding-bottom: 10px;

    width: 100%;

}

.top_right_tab .right_list_tab{

	width:100%;

	padding:0px;

	margin:0px;

	float:left;	

}

.right_list_tab ul {

    float: left;

    margin-bottom: 5px;

    padding: 0;

    width: 100%;

}

.right_list_tab ul li{

	margin:0px;

	padding-right:10px;	

	font-size:12px;

	color:#FFF;

	list-style:none;

	float:left;

	width:auto;

}

.right_list_tab ul li:last-child{

	padding-right:0px;	

}

.right_list_tab ul li a{

	margin:0px;

	padding:0px;	

	font-size:12px;

	color:#FFF;

	font-family: 'latoregular';

}

.right_list_tab ul li a:hover{

	color:#cb3322;	

}

.right_list_tab p{

	font-size:16px;

	color:#FFF;

	padding:0px;

	margin:0px;

	text-align:left;

	font-family: 'latoregular';

}

.right_list_tab p i {

    color: #cb3322;

    font-size: 18px;

    font-weight: bold;

    margin: 0;

    padding-right: 10px;

    vertical-align: middle;

}

/*top header section end*/



/*header section start*/

.header_wrapper {

	padding:0px;	

}

.header_wrapper .main_nav {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.main_nav .navbar-nav {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.nav.navbar-nav.sm-collapsible {

    height: auto;

    overflow: auto;

}

.navbar-nav > li {

    float: none;

    margin: 0;

    padding: 3px 0px;

    width: 100%!important;

	text-align:left;

}

.navbar-nav > li > a {

    border-bottom: 0px solid transparent;

    color: #000;

    font-size: 15px;

    margin: 0;

    padding: 10px;

}

.navbar-nav > li.active a {

    background-color: #38384c;

	border-bottom:none;

	color:#FFF;

}

.navbar-nav > li > a:hover {

    background-color: #38384c;

	border-bottom:none;

	color:#FFF;

}

.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {

    color: #FFF;

    padding: 10px 15px;

	/*background:transparent;*/

}

.navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {

    background-image: none;

	color:#FFF;

	background-color: #38384c !important;

}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {

    background-color: #38384c;

    border-color: #eeaf06;

    color: #FFF;

}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {

    background-color: #38384c;

    color: #000;

    text-decoration: none;

}

.navbar-toggle {

    background-color: transparent;

    background-image: none;

    border: 2px solid #cb3322;

    border-radius: 4px;

    float: right;

    margin-bottom: 0;

    margin-right: 0;

    margin-top: 10px;

    padding: 9px 10px;

    position: relative;

}

.navbar-toggle .icon-bar {

    background:#cb3322;

    border-radius: 0px;

    display: block;

    height: 2px;

    width: 22px;

}

.header_wrapper .social_box {

	display:none;	

}

/*header section end*/



/*notice section start*/	

.notice_wrapper {

	margin:0px;

}

.notice_wrapper h4 {

    font-size: 16px;

}

/*notice section end*/	



/*banner section start*/

.banner_wrapper {

    margin-top: 0px;

}

.carousel-caption .carousel_slider1 {

	display:none;	

}

.blink_box {

	padding:10px;

	text-align:center;

	background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;

}

.blink_box > span {

    background: none;

    padding:0px;

}

.blink_box a {

    font-size: 18px;

    line-height: 24px;

}

/*banner section end*/	



/*welcome section start*/

.welcome_content .welcome_mainbox {

    float: left;

    height: 400px;

    margin: 0;

    overflow: hidden;

    padding: 0;

    width: 100%;

}

/*welcome section end*/



/*facility section start*/

.facility_head .head_img {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.facility_head .head_text {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.head_text h4 {

    color: #fff;

    font-family: "oswaldlight";

    font-size: 24px;

    font-weight: bold;

    line-height: 30px;

    margin: 0;

    padding: 20px 0 0;

    text-align: center;

    text-transform: uppercase;

}

/*facility section end*/



/*events section start*/

.events_content .recent_mainbox {

    float: left;

    height: 375px;

    margin: 0;

    overflow: hidden;

    padding: 0;

    width: 100%;

}

.events_content2 .content2_left {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.events_content2 .content2_right {

    float: left;

    margin-top: 20px;

    padding-left: 0;

    width: 100%;

}

/*events section end*/

/*.....................home page start........................*/



/* ............. infastructure page start ..................... */

.portfolio-item {

    float: left;

    margin:0px 0px 20px;

    overflow: hidden;

    padding: 0px;

    position: relative;

    width: 100%;

}

.project-filter ul li {

    float: left;

    margin-bottom:5px;

    padding: 0;

    width: 100%;

}

.portfolio-item:hover .plus {

    top: 50%;

}

/* ............... infastructure page end ................. */



/* ................ login page start .................... */

.login_wrapper {

    margin: 50px auto 0;

}

.login_wrapper .login_wrap {

    margin: 0 auto;

    padding: 0;

    width: 100%;

}

/* ................ login page end .................... */



/* ................ forgot page start .................... */

.forgot_wrapper {

    margin: 50px auto 0;

}

.forgot_wrapper .forgot_wrap {

    margin: 0 auto;

    padding: 0;

    width: 100%;

}

/* ................ forgot page end .................... */

}



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

/*.....................home page start........................*/

/*top header section start*/

.top_left h6 {

    font-size: 30px;

    line-height: 36px;

}

.top_left p {

    font-size: 7px;

    line-height: 10px;

}

.topheader_wrap .top_right {

    margin: 0;

}

/*top header section end*/



/*header section start*/

.header_wrapper {

	padding:15px 0px 5px;	

}

.header_wrapper .main_nav {

	margin-top:0px;	

}

.navbar-nav > li {
    display: inline-block;
    margin: 0;
    padding-right: 16px;
    width: 100%;
}
/*header section end*/

.navbar-nav > li > a {
    border-bottom: 2px solid transparent;
    color: #fff;
    font-family: "latoregular";
    font-size: 12px!important;
    margin: 0;
    padding: 0 0 3px;
}

/*notice section start*/

.notice_wrapper {

    margin-top: 200px;

}

/*notice section end*/



/*banner section start*/

.banner_wrapper .carousel-caption {

	top:5%;	

}

.carousel-caption .carousel_slider1 {

    padding: 20px;

    width: 80%;

	margin-top:0px;

}

.carousel_slider1 h3 {

    margin: 0 0 10px;

}

.carousel_slider1 h6 {

	margin: 0 0 10px;

}

.carousel_slider1 p {

	margin: 0 0 10px;

}

.blink_box {

	margin:0px 0px 15px;	

}

.blink_box a {

	font-size:18px;

	line-height:24px;	

}

/*banner section end*/



/*event section start*/

.events_content .events_mainbox {

	height:280px;	

}

.events_content .recent_mainbox {

	height:280px;	

}

.recent_list .recent_img {

    width: 100%;

}

.recent_list .recent_content {

	padding-top:10px;

    padding-left:0px;

    width: 100%;

}

.events_content2 .content2_left {

	width:100%;	

}

.events_content2 .content2_right {

    padding-left:0px;

	padding-top:10px;

    width: 100%;

}

/*event section end*/

/*.....................home page start........................*/



/* ............. infastructure page start .............. */

.portfolio-item {

    float: left;

    margin:0px 0px 20px;

    overflow: hidden;

    padding:10px;

    position: relative;

    width:50%;

}

/* .............. infastructure page end ................ */

}



@media screen and (min-width: 992px) and (max-width: 1199px) { 

/*.....................home page start........................*/

/*header section start*/

.navbar-nav > li {

    padding-right: 25px;

}

/*header section end*/



/*banner section start*/

.banner_wrapper .carousel-caption {

    top: 10%;

}

.carousel-caption .carousel_slider1 {

    width: 60%;

	margin:0px;

}

.blink_box {

	margin:0px 0px 20px;	

}

/*banner section end*/

/*.....................home page start........................*/



/* ............. infastructure page start .............. */

.portfolio-item {

    float: left;

    margin:0px 0px 20px;

    overflow: hidden;

    padding:10px;

    position: relative;

    width:50%;

}

/* .............. infastructure page end ................ */

}