/*

Theme Name    : DMI Colllege of Engineering

Website Url   : 

Description:  : iTech India Pvt Ltd Website Design - December 2014.

Author        : Pon Irulappan.p | Mahesh N

Author Url    : http://www.itechind.com/

*/



/**************reset.css**************/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a:hover{

  text-decoration: none;

}







/*Media code Start */



@media (min-device-width: 1350px) and (max-device-width: 1366px) {   

    

.top-list::before {

    left: 15px !important;

    transition: all 0.3s ease-in-out 0s;

 }       

}



@media (min-device-width: 1280px) and (max-device-width: 1366px) { 

    

    .container-fluid {

    margin-left: 4%;

    margin-right: 4%;

 }  

    .top-list::before {

    left: -18px;

    transition: all 0.3s ease-in-out 0s;

 }

    .top-menu a {

    padding: 0 10px;

 }    

    .nav > li > a {

    padding: 15px 18px;

 }  

.see-all {

    margin-top: 2.7rem;

}      

    .buttons li:first-child {

    margin: 0 4px;

 }

    .buttons li {

    margin: 0 4px;

    padding: 0 16px;

    width: auto;

 }

    #carousel {

    width: 78%;

 }

    .event-gallery .see-all1 {

    width: 22%;

 }

    .see-all > span {

    float: right;

 }

    .ug-dep li {

    margin: 0;

 }

}



@media (min-device-width: 1140px) and (max-device-width: 1152px) {   

    

    .top-list::before {

    left: 50px!important;

}

    .see-all {

    margin-top: 6rem !important;

    transition: all 0.3s ease-in-out 0s;

 }

}

@media (min-device-width: 992px) and (max-device-width: 1279px) {   

    

    .container-fluid {

    margin-left: 3%;

    margin-right: 3%;

 }

    .logo-img {

    top: 0;

}

    .logo-name .sriram {

    font-size: 50px;

}

    .Engineering {

    font-size: 18px;

    line-height: 26px;

    top: 0;

 }

    .accredited {

    display: inline-block;

    font-size: 11px;

    left: 75px;

    position: relative;

    top: -17px;

}

    .top-menu a {

    padding: 0 8px;

    font-size: 10px;

 }

  .code > h3 {

    font-size: 20px;

}    

    .nav > li > a {

    font-size: 14px!important;

    padding: 15px 7px;

 }

    .buttons {

    margin: 25px 0;

  }

    .buttons li {

     margin: 0 1px;

    width: 33%;

 }

  .buttons a {

    font-size: 12px;

 }  

    .news-img {

    float: left;

    width: 12%;

}

    .news-content {

    float: right;

    width: 83%;

 }

    .see-all {

    margin-top: 8.7rem;

    transition: all 0.3s ease-in-out 0s;

}

    .see-all > a {

    font-size: 12px;

}

    #carousel {

    width: 71%;

 }

    .event-gallery .flexslider {

     margin: 0 0 25px;

}

   .event-gallery .see-all1 {

    width: 26%;

}

    .ug-dep li {

    margin: 0;

  }      

}



@media (min-device-width: 950px) and (max-device-width: 962px) { 

    .Engineering {

    font-size: 18px!important;

    line-height: 20px!important;

    }

    .navbar-default .navbar-nav > li > a {

    font-size: 14px!important;

    padding: 15px 2px !important;

  }

}

@media (min-device-width: 768px) {
	.sticky {
		box-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.3);
		position: fixed;
		right: 0;
		top: 0;
		transition: all 0.5s ease-in-out 0s;
		width: 100%;
		z-index: 999;
	}
}

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

    

.container-fluid {

    margin-left: 3%;

    margin-right: 3%;

 }

   .top-menu li:last-child {

    background-color: rgb(95, 25, 51);

    display: table;

    float: none;

    margin: 0 auto;

    text-align: center;

    width: 100%;

}

    .code > h3 {

    font-size: 14px;

    margin-bottom: 1rem;

    margin-top: 1rem;

}

    .top-menu a {

    font-size: 10px;

    padding: 0 7px;

}

    .top-list::before {

    display: none;

 }

    .logo-img {

    top: 5px;

}

    .logo-name .sriram {

    font-size: 44px;

  }

    .Engineering {

    font-size: 15px;

    line-height: 18px;

    top: 0;

 }

    .accredited {

    font-size: 12px;

    left: 15px;

    top: -2px;

  }

    .navbar-default .navbar-nav > li > a {

    font-size: 10px;

    padding: 15px 4px;

}

    .welcome-content h1 {

    font-size: 18px;

 }

    .latest-news h2 {

    font-size: 18px;

 }

    .news-content {

    float: right;

    font-size: 14px;

    width: 78%;

 }

    .buttons {

    margin: 18px 0;

 }

    .buttons li {

    margin: 0 1px;

    width: 32%;

 }

    .buttons a {

    font-size: 9px;

 }

    .see-all > a {

    font-size: 12px;

 }    

    .gallery h2 {

    font-size: 18px;

}

    .event-gallery .flexslider {

    margin: 0 0 30px;

}

    #carousel {

    width: 62%;

 }

    .event-gallery .see-all1 {

    width: 36%;

 }    

    .department > h2 {

    font-size: 18px;

 }

    .ug-dep li {

    margin: 0;

 }

    .course-content a {

    font-size: 14px;

 }

    .join h2 {

    font-size: 18px;

 }

    .reach h2 {

    font-size: 18px;

 }

    .navigate h2 {

    font-size: 18px;

 }

    .sriram-address b {

    font-size: 14px;

 }

}



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

    .container-fluid {

    margin-left: 3%;

    margin-right: 3%;

    padding:0 15px;

 }

    .mobile-header {

    display: block;

}

    .desk-head {

    display: none;

 }

    .desk-head {

    display: none;

 }

    .twentyfore span {

    display: none;

 }

    .mobile-header {

    padding-bottom: 5px;

    padding-top: 5px;

    position: fixed;

    width: 91.7%;

    z-index: 999;

}

    .top-strip {

    background-color: rgb(238, 238, 238);

    position: relative;

    top: -5px;

}

    .mobile-top-menu {

    display: table;

    margin: 0 auto;

    padding-bottom: 5px;

    padding-top: 5px;

}    

    .mobile-top-menu li {

   color: rgb(125, 32, 61);

    float: left;

    padding: 0 4px;

}

  .mobile-top-menu a {

    color: rgb(125, 32, 61);

    font-family: "Lato-Regular";

    font-size: 14px;

}

   .mob-logo {

    background-color: rgb(255, 255, 255);

    border-bottom: 1px solid rgb(238, 238, 238);

    margin-top: -10px;

}

    .mob-logo > i {

    position: absolute;

    right: 10px;

    top: 30px;

}

    .mob-logo span {

    display: table;

    margin: 5px auto;

    padding-top: 10px;

}

    header {

    display: none;

    }

    .owl-carousel.owl-loaded {

    margin-top: 6.5rem;

}

    .welcome-content {

    margin-top: 2rem;

}

    .welcome-content h1 {

     margin-top: 0;

}

    .buttons {

    margin: 30px 0;

}    

    .buttons li {

    margin: 0 1px;

    width: 33%;

 }

    .buttons a {

    font-size: 11px;

 }

    .latest-news {

    margin-top: 2rem;

}

    .news-content {

    float: right;

    width: 80%;

 }

    .see-all {

    margin-top: 1.5rem;

}

    .gallery, .all-dept {

    margin-top: 1rem;

}

    .event-gallery .see-all1 {

     width: 22%;

 }

    #carousel {

    width: 70%;

 }

    .ug-dep li {

    margin: 0;

 }

    .copy, .power {
		margin-bottom: 5px;
		margin-top: 25px;
	}
    .copy span {
		display: table;
		margin: 0 auto;
	 }
    .power span {
		display: table;
		float: none;
		margin: 0 auto;
 	}
    .power {
    	margin-bottom: 2rem;
  	}
	#mySidenav .dropdown-menu .menu-item-has-children a:hover, .dropdown-menu .menu-item-has-children a:focus {
		background-color: #fff!important;
		color: rgb(125, 32, 61)!important;
	}
	#mySidenav .dropdown-menu .menu-item-has-children .dropdown-menu{
		padding-left: 20px;
		background-color: rgb(125, 32, 61)!important;
		position: unset;
   	 	width: 100%;
	}
	.nav .open>a, .nav .open>a:focus{
		color: rgb(125, 32, 61)!important;
	}
	.home section.banner-sec {
		margin-top: 55px;
	}
	.home .cycloneslider-template-standard .cycloneslider-slides{
		height: 200px!important;
	}
	.home .cycloneslider-template-standard .cycloneslider-slide img{
		height: 200px;
	}
	.home .maq{
		padding: 20px 10px;
    	height: 80px;
	}
	.home .maq .marquee{
		width: 100%;
		margin-top: 10px;
	}
	.home .maq .marquee ul li a{
		font-size: 14px;
	}
	.navbar-nav>li>.dropdown-menu{
		width: 100%;
	}
	.popup{
		padding: 0px 12px;
	}
	.popup .cnt223{
		margin: 50% auto;
		min-height: 510px;
	}
	.popup .inr .cnt223 {
		min-height: 300px!important;
	}
	.cnt223 .close{
		position: absolute;
		right: 10px;
		top: -25px;
	}
}

@media (min-device-width: 450px) and (max-device-width: 480px) { 
    .mobile-header {
		width: 88%!important;
	}
    #carousel {
		width: 69%!important;
	 }
    .event-gallery .see-all1 {
		width: 29%!important;
	  }
    .course-content a {
		font-size: 15px!important;
	  }
}

@media (min-device-width: 300px) and (max-device-width: 500px) { 

    

    .mobile-top-menu a {

    font-size: 9px;

 }

    

    .mob-logo span img {

    width: 80%;

}

    .mobile-header {

    width: 85.7%;

}

    .welcome-content h1 {

    font-size: 16px;

 }

    .buttons li {

    margin: 0 2px;

    width: 32%;

 }    

    .buttons a {

    font-size: 8px;

 }

  .latest-news h2 {

    margin-top: 0;

 }    

    .news-img {

    width: 18%;

 }

    .latest-news h2 {

    font-size: 16px;

}

    #carousel {

    width: 55%;

}

    .event-gallery .see-all1 {

    width: 39%;

}

    .news-event.vertical-ticker a {

    font-size: 14px;

 }

    .see-all > a {

    font-size: 14px;

 }

    .gallery, .all-dept {

    margin-top: 1rem;

}

    .nav-tabs li a {

    font-size: 12px;

}

    .gallery h2 {

    font-size: 18px;

    margin-bottom: 1rem;

 }

    .course-content a {

    font-size: 12px;

 }    

    .course-content > h3 {

    padding-left: 7px;

}

    .reach, .navigate, .join {

    margin-bottom: 1rem;

    margin-top: 1rem;

    padding: 0 25px;

}

    .reach h2 {

    font-size: 18px;

  }

    .sriram-address b {

    font-size: 16px;

 }

    .navigate h2 {

    font-size: 18px;

 }

    .join h2 {

    font-size: 18px;

 }

    .copy span i {

    display: none;

  }    

}



@media (min-device-width: 310px) and (max-device-width: 320px) { 

    

   .mobile-top-menu a {

    font-size: 7px;

 }     

    #carousel {

    width: 51%;

  }

    .event-gallery .see-all1 {

    width: 45%;

 }

}