/*-- Responsive --*/
 
 @media (max-width:1366px) {
	.slider1 {
		min-height: 650px;
	}
	.abouttext {
		padding:30px 30px;
	}
 } 
 @media (max-width:1280px) {
	.abouttext {
		padding:30px 30px;
	}
 }
  @media (max-width:1024px) {
	.slider1 {
		min-height: 475px;
	}
	.about h3{
		font-size:35px;
	}
	.about h4{
		font-size:30px;
	}
	.aboutleftbottom{
		top: 85px;
		left: -210px;
		padding:10px;
	}
	.aboutleftbottom a {
		padding:7px 15px;
	}
	.aboutright{
		font-size:30px;
	}
	.aboutrighttop{
		padding: 13px 60px;
	}
	.aboutrightbottom{
		margin-top:24px;
		padding: 13px 45px;
	}
	.abouttext {
		height:300px;
		padding:15px 13px;
	}
	.aboutimg{
		height:300px;
	}
	.arrow:before {
		top:130px;
	}
	.arrow2:after {
		top:135px;
	}
	.abouttext h4{
		font-size:26px;
		padding-bottom:10px;
	}
	.abouttext h5{
		font-size:14px;
		line-height:23px;
		padding-bottom:8px;
	}
	.abouttext p {
		font-size:13px;
		line-height:20px;
	}
	.abouttext a{
		padding:7px 15px;
	}
	div#gallery h3{
		font-size:35px;
	}
	.faculty h3{
		font-size:35px;
	}
	.view h6 {
		margin: 5px 0 0 0;
	}
	.view-fourth p {
		padding-top:0px;
		width:92%;
	}
	.stats p{
		padding:0;
	}
	.events h3{
		font-size:35px;
	}
	.clients ul li a {
		margin:125px 27px 0px 27px;
	}
	.date {
		left:190px;
	}
	.textt h3 {
		font-size: 15px;
	}
	.contact h3{
		font-size:35px;
	}
	.socialicons{
		min-height:350px;
	}
	.socialicons h3 {
		padding-top:20px;
	} 
	.lt {
		border: 1px solid white;
		height: 167px;
		text-align: center;
		margin: 50px 0px 15px 0px;
	}
	.lt a {
	    margin: 16px 0px 0px 115px;
	}
	.lb {
		border: 1px solid white;
		height: 167px;
		text-align: center;
		margin-bottom: 50px;
	}
	.lb a {
		 margin: 16px 0px 0px 115px;
	}
	.middle {
		border: 1px solid white;
		height: 350px;
		text-align: center;
		margin: 50px 0px;
	}
	.middle a {
	    margin: 140px 0px 20px 115px;
	}
	.rt {
		border: 1px solid white;
		height: 167px;
		text-align: center;
		margin: 50px 0px 15px 0px;
	}
	.rt a {
		 margin: 16px 0px 0px 115px;
	}
	.rb {
		border: 1px solid white;
		height: 167px;
		text-align: center;
		margin-bottom: 50px;
	}
	.rb a {
	 margin: 16px 0px 0px 115px;
	}
	.footer{
		padding:30px 0px;
	}
 }
  @media (max-width:991px) {

	.navbar-nav>li>a {
		margin: 0 0px;
	}

	.about h6{
		width:75%;
	}
	.about h4{
		font-size:28px;
	}
	.aboutleftbottom {
		top: 85px;
		left: -180px;
		padding: 9px;
	}
	.aboutleftbottom p {
		margin-bottom: 1px;
		line-height: 24px;
	}
	.aboutleftbottom a {
		font-size:13px;
	}
	
	.aboutrighttop {
		padding: 18px 32px;
	}
	.aboutrightbottom {
		padding: 18px 45px;
	}
	label.aline{
		background-color:#07cbc9;
		display:block;
		width: 40px;
		height: 2px;
		margin:5px auto;
	}
	.abouttext {
		padding: 12px 12px;
	}
	.abouttext h4 {
		font-size: 23px;
	}
	.abouttext h5 {
		font-size: 14px;
		line-height: 21px;
		padding-bottom: 6px;
	}
	.abouttext a {
		padding: 5px 10px;
		font-size:13px;
	}
	div#gallery{
		padding-top:50px;
	}
	div#gallery h6{
		width:75%;
	}

	.faculty p{
		width:75%;
	}
		.fgrids{
		width:47%;
		float:left;
		margin-left: 17px;
		margin-bottom: 15px;
	}
	.view{
		height:250px;
	}
	.view h6 {
		font-size: 20px;
		padding: 10px;
		margin: 20px 0 0 0;
	}
	label.fline{
		margin:8px auto;
	}
	.mask p{
		width:45%;
		line-height:25px;
	}
	.mask ul li a{
		height:50px;
		width:50px;
		background:url('../images/img-sprite3.png') no-repeat 0px 0px;
		display:inline-block;
		border:none;
	}
	.mask ul li a.twitter{
		background:url('../images/img-sprite3.png') no-repeat -50px 0px;
	}
	.mask ul li a.google{
		background:url('../images/img-sprite3.png') no-repeat -100px 0px;
	}
	.mask ul li a.facebook:hover{
		background:url('../images/img-sprite3.png') no-repeat  0px -50px;
	}
	.mask ul li a.twitter:hover{
		background:url('../images/img-sprite3.png') no-repeat -50px -50px;
	}
	.mask ul li a.google:hover{
		background:url('../images/img-sprite3.png') no-repeat -100px -50px;
	}
	.events h6{
		width:75%;
	}
	.date{
		left:123px;
		top:-25px;
	}
	.img{
		width:100%;
		padding:5%;
	}
	.textt{
		width:100%;
	}
	.textt h3{
		margin-top:0px;
	}
	label.eline{
		margin:10px 0px;
	}
	.textt p{
		margin-top:1px;
		margin-bottom:2px;
	}
	.clients{
		min-height:375px;
	}
	.clients h3{
		font-size:33px;
	}
	.clients ul li a {
		margin: 125px 18px 0px 18px;
		font-size:25px;
	}
	
	.contact p{
		width:75%;
	}
	.lt a {
		margin: 15px 0px 0px 76px;
	}
	.lb a {
		margin: 15px 0px 0px 76px;
	}
	.middle a {
		margin: 120px 0px 20px 72px;
	}
	.rt a {
		margin: 15px 0px 0px 76px;
	}
	.rb a {
		margin: 15px 0px 0px 76px;
	}
  }
  @media (max-width:800px) {
	
	.about h6 {
		width: 85%;
	}
	.aboutleftbottom {
		top: 70px;
		left: -165px;
	}
	.aboutimg{
		height: 370px;
		width: 400px;
		margin-bottom:5px;
	}
	.abouttext {
		height: 370px;
		width: 383px;
		padding: 30px 30px;
		margin-bottom:5px;
	}
	.abouttext h4 {
		padding-bottom: 20px;
		font-weight: 500;
		font-size: 35px;
		text-align:left;
	}
	.abouttext h5 {
		padding-bottom: 18px;
		line-height: 30px;
		font-weight: 400;
		font-size: 18px;
		text-align:left;
	}
	.abouttext p {
		line-height: 25px;
		font-size: 14px;
		text-align:left;
		margin-bottom:20px;
	}
	.abouttext a{
		background-color:black;
		padding:10px 20px;
		color:white;
		display:inline-block;
		margin-top:5px;
		border: 2px solid black;
		font-size: 13px;
	}
	.arrow:before {
		top: 165px;
	}
	.arrow2:after {
		top: 165px;
	}
	div#gallery  h6{
		width:85%;
	}
	.ggrids{
		padding-left:0px;
	}
	#gallery .description {
		padding:15px;
	}
    .faculty p{
		width:85%;
	}
	.fgrids{
		width:47%;
		float:left;
		margin-left: 17px;
		margin-bottom: 15px;
	}
	.view{
		height:250px;
	}
	.view h6 {
		font-size: 20px;
		padding: 10px;
		margin: 20px 0 0 0;
	}
	label.fline{
		margin:8px auto;
	}
	.mask p{
		width:45%;
		line-height:25px;
	}
	.mask ul li a{
		height:50px;
		width:50px;
		background:url('../images/img-sprite3.png') no-repeat 0px 0px;
		display:inline-block;
		border:none;
	}
	.mask ul li a.twitter{
		background:url('../images/img-sprite3.png') no-repeat -50px 0px;
	}
	.mask ul li a.google{
		background:url('../images/img-sprite3.png') no-repeat -100px 0px;
	}
	.mask ul li a.facebook:hover{
		background:url('../images/img-sprite3.png') no-repeat  0px -50px;
	}
	.mask ul li a.twitter:hover{
		background:url('../images/img-sprite3.png') no-repeat -50px -50px;
	}
	.mask ul li a.google:hover{
		background:url('../images/img-sprite3.png') no-repeat -100px -50px;
	}
	.events h6{
		width:85%;
	}
	.date {
		left: 145px;
		top: -25px;
	}
	.textt h3 {
		margin-top: 15px;
	}
	label.eline {
		margin: 8px 0px;
	}
	.textt a {
		padding: 5px 10px;
		margin-top: 0px;
		font-size: 12px;
	}
	.clients ul li a {
		margin: 125px 10px 0px 10px;
	    font-size: 28px;
	}
	.contact p{
		width:85%;
	}
	.lt a {
		margin: 15px 0px 0px 85px;
	}
	.lb a {
		margin: 15px 0px 0px 85px;
	}
	.middle a {
		margin: 120px 0px 20px 80px;
	}
	.rt a {
		margin: 15px 0px 0px 85px;
	}
	.rb a {
		margin: 15px 0px 0px 85px;
	}
  }
  @media (max-width:768px) {

	.navbar-nav>li>a {
		margin: 0 0px;
	}

	.about h3{
		font-size:30px;
	}
	.about h6{
		width:61%;
		font-size:14px;
	}
	.about h4{
		font-size:21px;
	}
	.aboutleftbottom{
		top:64px;
		left:-155px;
	}
	.aboutleftbottom p {
		margin-bottom: 0px;
		line-height: 21px;
		font-size:13px;
	}
	.aboutleftbottom a {
		padding:5px 10px;
		font-size:14px;
	}
	
	.aboutrighttop {
		padding: 13px 37px;
	}
	.aboutrightbottom {
		margin-top: 20px;
		padding: 13px 50px;
	}
	p.stats-info {
    margin-top: 10px;
	}
	label.aline{
		background-color:#07cbc9;
		display:block;
		width: 40px;
		height: 2px;
		margin:5px auto;
	}
	.aboutimg{
		height: 370px;
		width: 375px;
		margin-bottom:5px;
	}
	.abouttext {
		height: 370px;
		width: 375px;
		padding: 35px 30px;
		margin-bottom:5px;
	}
	.abouttext h4 {
		padding-bottom: 15px;
		font-weight: 500;
		font-size: 35px;
		text-align:left;
	}
	.abouttext h5 {
		padding-bottom: 15px;
		line-height: 30px;
		font-weight: 400;
		font-size: 18px;
	
	}
	.abouttext p {
		line-height: 22px;
		font-size: 14px;
		text-align:left;
		margin-bottom:15px;
	}
	.abouttext a{
		background-color:black;
		padding:10px 20px;
		color:white;
		display:inline-block;
		margin-top:5px;
		border: 2px solid black;
		font-size: 13px;
	}
	.arrow:before {
		top: 165px;
	}
	.arrow2:after {
		top: 165px;
	}
	div#gallery {
		padding:50px 0px 15px 0px;
	}
	div#gallery h3{
		font-size:30px;
	}
	div#gallery h6{
		width:61%;
		font-size:14px;
	}
	#gallery .description {
		padding:15px;
	}

	.faculty h3{
		font-size:30px;
	}
	.faculty p{
		width:61%;
		font-size:14px;
	}
	.fgrids{
		width:45%;
		margin:0px 0px 15px 25px;
	}
	.faculty h4{
		font-size:22px;
	}
	.faculty h5{
		font-size:15px;
	}
	.view h6 {
		font-size:22px;
		padding:10px;
	}
	.mask p {
		padding-top: 12px;
		line-height: 25px;
	}
	.stats{
		height:300px;
	}
	.stats-info{
		margin-top:75px;
	}
	.stats-grid {
		font-size:50px;
	}
	
	.events h3{
		font-size:30px;
	}
	.events h6{
		font-size:14px;
		width:61%;
	}
	.date {
		left:127px;
	}
	.img{
		width:47%;
	}
	
	.textt{
		margin-left:10px;
		width:48%;
	}
	.textt h3 {
		font-size: 12px;
		margin-top:30px;
	}
	label.eline {
		width: 39px;
		margin: 10px 0px;
	}
	.textt p {
		font-size: 12px;
	}
	.textt a {
		padding: 5px 10px;
		margin-top: 5px;
		font-size: 11px;
	}
	.clients {
		min-height:300px;
	}
	.clients ul li a {
		margin: 100px 15px 0px 15px;
		font-size: 28px;
	}
	.clients h3 {
		font-size: 30px;
	}

	.contact h3 {
		font-size: 40px;
	}
	.contact p {
		width: 60%;
		font-size: 14px;
	}
	input[type="text"] {
		padding:6px;
	}
	textarea {
		padding:6px;
	}
	input[type="submit"] {
		padding:6px;
	}
	.socialicons h3 {
		font-size:20px;
	} 
	.lt a {
		margin: 16px 0px 0px 78px;
	}
	.lb a {
		margin: 16px 0px 0px 78px;
	}
	.middle a {
		margin: 115px 0px 20px 80px;
	}
	.rt a {
		margin: 16px 0px 0px 78px;
	}
	.rb a {
		margin: 16px 0px 0px 78px;
	}
 }
  @media (max-width:736px) {
	.service-box, .img-responsive, .carousel {
		margin-bottom: 0px;
	} 
	.slider1 {
		min-height: 335px;
	}
	.callbacks_tabs {
		top: 86%;
		right: 46%;
	}

	.about h6 {
		width: 80%;
		font-size: 13px;
	}
	.aboutleft{
		width:25%;
		float:left;
	}
	.about h4{
		font-size:20px;
	}
	.aboutleftbottom {
		top: 55px;
		left: -130px;
	}
    .aboutleftbottom p {
		font-size:12px;
    }
  	.aboutleftbottom a{
		font-size:12px;
	}
	.aboutmiddle{
		width:50%;
		float:left;
	}

	.aboutright{
		width:25%;
		float:left;
	}
	.aboutrighttop {
		padding: 10px 22px;
	}
	.aboutrightbottom{
		padding: 10px 33px;
	}
	.aboutimg {
		height: 290px;
		width: 359px;
		float: left;
	}
	.abouttext{
		height: 290px;
		width: 359px;
		float: left;
		padding:15px 20px;
	}
	.abouttext h4{
		font-size:25px;
	}
	.abouttext h5 {
		padding-bottom: 10px;
		font-size: 17px;
   }
   .abouttext p{
	   font-size:13px;
	}
   .abouttext a {
		padding: 7px 15px;
	}
	.arrow:before {
		top: 140px;
	}
	.arrow2:after {
		top: 140px;
	}
	div#gallery{
		padding-top:50px;
	}
	div#gallery h3{
		font-size:30px;
	}
	div#gallery h6 {
		width: 80%;
		font-size: 13px;
	}
	.section {
		padding: 0px;
	}
	.section, .parallax.section .container {
		padding: 0px;
	
	}	
	.ggrids{
		width:50%;
		float:left;
	}
	#gallery .caption {
		padding-left: 10px;
	}
	.faculty h3{
		font-size:30px;
	}
	.faculty p {
		width: 80%;
		font-size: 13px;
	}
	.fgrids{
		width:45%;
		margin:0px 0px 15px 25px;
		float:left;
	}
	.faculty h4{
		font-size:18px;
		padding:5px 0px
	}
	.faculty h5{
		font-size:12px;
		padding:8px;
	}
	.textt h3{
		font-size:13px;
		margin-top:8px;
	}
	.stats{
		height:250px;
	}
	.mask p{
		line-height:25px;
		width:65%;
	}
	.stats-grid {
		font-size: 40px;
		float: left;
		width: 25%;
	}

	.events h3{
		font-size:30px;
	}
	.events h6 {
		width: 80%;
		font-size: 13px;
	}
	.egrid{
		width:48%;
		float:left;
	}
	.date{
		padding:10px 5px;
		left: 105px;
		top: -19px;
		font-size:13px;
	}
	.textt h3{
		margin-top:14px;
		font-size:15px;
	}
	.clients{
		min-height:250px;
	}
	.clients ul li a {
		margin: 72px 8px 0px 8px;
		font-size: 25px;
	}

	.contact h3{
		font-size:30px;
	}
	.contact p {
		width: 80%;
		font-size: 13px;
	}
	.cbl{
		width:50%;
		float:left;
	}
	.cbr{
		width:50%;
		float:left;
	}
	.socialicons h3{
		font-size:16px;
		padding-top:15px;
	}
	.socialicons h5{
		font-size:16px;
	}
	.left{
		float:left;
		width:33%;
	}
	.middle{
		float:left;
		width:34%;
		height:300px;
	}
	.right{
		float:left;
		width:33%;
	}
	.lt{
		height:142px;
	}
	.lt a {
		margin: 15px 0px 0px 60px;
	}
	.lb{
		height:142px;
	}
	.lb a {
		margin: 15px 0px 0px 60px;
	}
	.middle a{
		margin: 100px 0px 20px 65px;
	}
	.rt{
		height:142px;
	}
	.rt a {
		margin: 15px 0px 0px 60px;
	}
	.rb{
		height:142px;
	}
	.rb a {
		margin: 15px 0px 0px 60px;
	}
	.footer{
		padding:25px 0px;
	}
  }
   @media (max-width:667px) {
	
	.slider1 {
		min-height: 305px;
	}
	.about h3{
		font-size:27px;
	}
	.about h6{
		width:85%;
	}
	.about h4 {
		font-size: 19px;
	}
	.aboutleftbottom {
		top: 50px;
		left: -125px;
	}
	.aboutleftbottom p {
		line-height:20px;
	}
	.aboutright {
		font-size: 23px;
	}
	.aboutrighttop{
		padding:16px 0px;
	}
	.aboutrightbottom{
		padding:15px 0px;
	}
	.aboutimg{
		width:325px;
		float:left;
	}
	.abouttext{
		width:325px;
		float:left;
	}
	.abouttext h5 {
		line-height:23px;
	}
	.abouttext h4 {
		padding-bottom: 10px;
	}
	div#gallery{
		padding-top:50px;
	}
	div#gallery h6 {
		width: 85%;
	}

	div#faculty p{
		width: 85%;
	}
	.view {
		height: 216px;
	}
	.view h6 {
		font-size: 20px;
		padding: 7px;
	}
	.mask p{
		line-height:20px;
		padding:5px 0px
	}

	.events h6{
		width:85%;
	}

	.date h5{
		font-size:14px;
	}
	.clients h3 {
		font-size: 26px;
	}
	.clients ul li a {
		font-size: 20px;
	}
	.contact p{
		width:85%;
	}
	.lt a {
		margin: 15px 0px 0px 55px;
	}
	.lb a {
		margin: 15px 0px 0px 55px;
	}
	.middle a {
		margin: 95px 0px 20px 58px;
	}
	.rt a {
		margin: 15px 0px 0px 55px;
	}
	.rb a {
		margin: 15px 0px 0px 55px;
	}
	.footer{
		padding:20px 0px;
	}
	.footer p{
		font-size:13px;
	}
   }
   @media (max-width:640px){  
    .nav>li {
		text-align:center;
	}
	.callbacks_tabs {
		right: 44%;
	}
	.aboutimg{
		   width:320px;
	   }
	    .abouttext{
		   width:303px;
	   }
	   div#faculty .mask p{
		   width:65%;
	   }
	   .img{
			width:100%;
			padding:5%;
		}
		.textt{
			width:100%;
		}
	   .textt h3 {
			margin-top: 0px;
		}
   } 
  @media (max-width:600px){ 
  

	label.line {
		margin: 10px auto;
	}
	.about h6{
		width:95%;
	}
	.aboutleftbottom {
		top: 50px;
		left: -122px;
		padding:8px;
	}
	.aboutleftbottom p {
		line-height: 18px;
	}
	.aboutleftbottom a {
		font-size: 11px;
	}
	.aboutimg{
		width:291px;
	}
	.abouttext{
		width:292px;
	}
	.aboutext p{
		margin-bottom:8px;
	}
	div#gallery {
		padding: 50px 0px 15px 0px;
	}
	div#gallery h6 {
		width: 85%;
	}
	div#faculty p {
		width: 95%;
	}
	.view {
		height: 185px;
	}
	.mask h6{
		padding-top:0px;
	}
	div#faculty .mask p {
		width: 80%;
	}
	.mask ul li a{
		height:40px;
		width:40px;
		background-size:400px;
	}
	.mask ul li a.twitter{
		background:url('../images/img-sprite3.png') no-repeat -37px 0px;
		background-size:400px;
	}
	.mask ul li a.google{
		background:url('../images/img-sprite3.png') no-repeat -75px 0px;
		background-size:400px;
	}
	.mask ul li a.facebook:hover{
		background:url('../images/img-sprite3.png') no-repeat  0px -40px;
		background-size:400px;
	}
	.mask ul li a.twitter:hover{
		background:url('../images/img-sprite3.png') no-repeat -37px -40px;
		background-size:400px;
	}
	.mask ul li a.google:hover{
		background:url('../images/img-sprite3.png') no-repeat -75px -40px;
		background-size:400px;
	}
	.clients h3 {
		font-size: 23px;
	}
	.clients ul li a {
		font-size: 18px;
	}
	
	.events h6 {
		width: 95%;
	}
	.textt {
		width: 48%;
	}
	.date {
		padding: 8px 5px;
		left: 87px;
		top: -19px;
		font-size: 11px;
	}


	.contact p {
		width: 95%;
	}
	.lt a {
		margin: 8px 0px 0px 43px;
	}
	.lb a {
		margin: 8px 0px 0px 43px;
	}
	.middle a {
		margin: 90px 0px 10px 47px;
	}
	.rt a {
		margin: 8px 0px 0px 43px;
	}
	.rb a {
		margin: 8px 0px 0px 43px;
	}
	.socialicons h3 {
		font-size: 15px;
		padding-top: 10px;
	}
	.socialicons h5 {
		font-size: 12px;
	}
  } 
 @media (max-width:568px){  
	.slider1 {
		min-height: 255px;
	}
	.about h6 {
		width: 100%;
	}
	.about h4 {
		font-size: 18px;
	}
	.aboutimg {
		width: 271px;
	}
	.abouttext {
		width: 280px;
	}
	.aboutext p{
		margin-bottom:8px;
	}
	div#gallery{
		padding-top:50px;
	}
	div#gallery h6 {
		width: 100%;
	}
	div#faculty p{
		width: 100%;
	}
	.fgrids {
		width: 44%;
	}
	.view {
		height: 165px;
	}
	.faculty h4 {
		font-size: 16px;
	}
	.faculty h5 {
		font-size: 11px;
	}
	.view h6 {
		font-size: 14px;
		padding: 4px;
		margin-top:3px;
	}
	div#faculty .mask p{
		font-size:12px;
	}
	.events h6 {
		width: 100%;
	}
	.contact p{
		width: 100%;
	}
 }
  @media (max-width:480px){ 
	.aboutleft {
		width: 100%;
	}
	.about h4{
		margin-bottom:10px;
	}
	.aboutmiddle{
		width:100%;
	}
	.aboutleftbottom {
		top: 204px;
		left: -9px;
		padding: 8px;
		z-index:999;
	}
	.navbar {
		margin-bottom: 0px;
		border: 0px solid transparent;
		z-index: 6;
	}
	.modal-backdrop.in {
		filter: alpha(opacity=50);
		opacity: .5;
		z-index: 0;
	}
	.aboutright{
		width:85%;
	}
	.aboutrighttop {
		margin-top: 140px;
		margin-left: 50px;
	}
	.aboutrightbottom{
		margin-left: 50px;
	}
	.aboutimg {
		width: 240px;
	}
	.abouttext {
		width: 220px;
		padding: 15px 12px;
	}
	.abouttext h4 {
		margin-bottom: 0px;
	}
	.abouttext h5 {
		padding-bottom: 0px;
		font-size: 15px;
	}
	.abouttext p {
		line-height: 19px;
	}
	.abouttext a {
		padding: 5px 10px;
		font-size:12px;
	}
	div#gallery{
		padding-top:50px;
	}
	div#gallery .description{
		padding:10px;
	}
	.fgrids {
		width: 75%;
		margin: 0px 0px 15px 46px;
	}
	.view h6 {
		font-size: 14px;
		padding: 4px;
		margin-top:20px;
	}
	.stats-grid {
		font-size: 27px;
	}
	.stats p {
		font-size: 13px;
	}
	.egrid {
		width: 100%;
		margin-left: 0px;
	}
	.date{
		left:135px;
	}
	.clients {
		min-height: 220px;
	}
	.clients h3 {
		font-size: 17px;
	}
	.clients ul li a {
		margin: 72px 2px 0px 2px;
		font-size: 12px;
	}
	.contact h4 {
		font-size: 13px;
	}
	.contact h5 {
		font-size: 13px;
		color: #636060;
	}
	input[type="text"] {
		padding: 4px;
		font-size: 12px;
	}
	textarea{
		padding: 4px;
		font-size: 12px;
	}
	input[type="submit"] {
		padding: 5px;
		font-size: 11px;
	}
	.left{
		width:50%;
	}
	.middle{
		width:45%;
		margin-bottom:15px;
	}
	.right{
		width:100%;
	}
	.lb{
		margin-bottom:10px;
	}
	.rt{
		margin-top:0px;
		margin-bottom:15px;
	}
	.lt a {
		margin: 8px 0px 0px 51px;
	}
	.lb a {
		margin: 8px 0px 0px 51px;
	}
	.middle a {
		margin: 80px 0px 10px 41px;
	}
	.rt a {
		margin: 8px 0px 0px 136px;
	}
	.rb a {
		margin: 8px 0px 0px 136px;
	}
	.socialicons h3 {
		font-size: 12px;
	}
	.footer p {
		font-size: 11px;
	}
  }
   @media (max-width:414px){ 
	.callbacks_tabs {
		right: 41%;
	}
	.about h4{
		font-size:16px;
	}
	.aboutleftbottom {
		top: 139px;
		left: -8px;
		padding: 8px;
		width: 201px;
	}
	.aboutright{
		font-size:17px;
	}

	p.stats-info {
		font-size: 17px;
	}
	.aboutimg{
		width:198px;
	}
	.abouttext{
		width:198px;
		padding: 17px 15px;
	}
	.abouttext h5 {
		padding-bottom: 5px;
		font-size: 13px;
		line-height: 19px;
	}
	.abouttext p {
		font-size: 11px;
	}
	div#gallery{
		padding-top:50px;
	}
	.view h6{
		margin-top:0px;
		padding-top:10px;
	}
	.date{
		left: 131px;
	}
	.clients h3 {
		font-size: 16px;
	}
	.lt a {
		margin: 8px 0px 0px 44px;
	}
	.lb a {
		margin: 8px 0px 0px 44px;
	}
	.middle a {
		margin: 78px 0px 10px 37px;
	}
	.rt a {
		margin: 8px 0px 0px 128px;
	}
	.rb a {
		margin: 8px 0px 0px 128px;
	}
	
  }
  @media (max-width:384px){
	.about h6 {
		padding-bottom: 20px;
	}
	.about h4 {
		font-size: 15px;
	}
	
	.aboutleftbottom {
		top: 105px;
		width:248px;
	}
	.aboutimg{
		width:183px;
	}
	.abouttext{
		width:184px;
		padding: 25px 11px;
	}
	.abouttext a {
		padding: 3px 7px;
		font-size: 10px;
	}
	#gallery .caption {
		font-size: 11px;
	}
	#gallery .description {
		padding:7px 15px;
	}
	p.stats-info {
		font-size: 11px;
	}
	.date {
		left: 109px;
	}
	.textt {
		width: 100%;
	}
	.textt h3 {
		font-size: 13px;
	}
	.textt p {
		font-size: 13px;
		line-height: 12px;
	}
	.clients ul li a {
		margin: 50px 5px 0px 5px;
		font-size: 12px;
	}
	.cbl{
		width:100%;
		padding:0;
	}
	.cbr{
		width:100%;
		margin-left:0px;
		padding:0;
	}
	.socialicons h3 {
		font-size: 12px;
	}
	.lt a {
		margin: 8px 0px 0px 32px;
	}
	.lb a {
		margin: 8px 0px 0px 32px;
	}
	.middle a {
		margin: 78px 0px 10px 25px;
	}
	.rt a {
		margin: 8px 0px 0px 109px;
	}
	.rb a {
		margin: 8px 0px 0px 109px;
	}
	.footer p {
		font-size: 12px;
	}
  }
   @media (max-width:375px){
	.callbacks_tabs {
		right: 39%;
	}
	.abouttop {
		margin-bottom: 40px;
	}
	.aboutrighttop {
		margin-top: 70px;
	}
	.aboutimg {
		width: 183px;
	}
	.abouttext {
		width: 174px;
		padding: 26px 6px;
	}
	#gallery .caption {
		font-size: 10px;
	}
	.textt p {
    line-height: 14px;
	}
	.textt a {
		font-size: 10px;
	}
	.clients {
		min-height: 210px;
	}
	.clients h3 {
		font-size: 14px;
	}
	.clients ul li a {
		margin: 39px 7px 0px 7px;
	}
	.cbl{
		width:100%;
	}
	.cbr{
		width:100%;
	}
	.socialicons h3 {
		font-size: 11px;
	}
	.lt a {
		margin: 8px 0px 0px 37px;
	}
	.lb a {
		margin: 8px 0px 0px 37px;
	}
	.middle a {
		margin: 78px 0px 10px 24px;
	}
	.rt a {
		margin: 8px 0px 0px 109px;
	}
	.rb a {
		margin: 8px 0px 0px 109px;
	}
   }
   @media (max-width:320px){
	.navbar-default .navbar-brand {
		font-size: 33px;
	}
	.callbacks_tabs {
		right: 38%;
	}
	.abouttop {
		margin-bottom: 65px;
	}
	.about h3 {
		font-size: 25px;
	}

	.about h6 {
		font-size: 12px;
	}
		.about h4 {
		margin-bottom:10px;
	}
	.aboutrighttop {
		width: 100%;
		margin-top: 130px;
		margin-left:20px;
	}
	.aboutrightbottom {
		width: 100%;
		margin-left:20px;
	}
	.aboutimg {
		width: 145px;
	}
	.abouttext {
		width: 157px;
		padding: 10px 11px;
	}
	.abouttext h4 {
		margin-bottom:0px;
	}
	.abouttext p {
		line-height: 16px;
		margin-bottom:10px;
	}
	.abouttext a {
		padding: 4px 6px;
		font-size: 9px;
	}
	div#gallery h3 {
		font-size: 25px;
	}
	div#gallery h6 {
		font-size:12px;
	}
	.ggrids{
		width:100%;
	}
	#gallery .caption {
		font-size: 11px;
	}
	div#faculty h3 {
		font-size: 25px;
	}
	div#faculty p {
		font-size:12px;
	}
	.fgrids {
		width: 100%;
		margin: 0px 0px 15px 0px;
		padding:0;
	}
	.stats {
		height: 225px;
	}
	.stats-info {
		margin-top: 40px;
	}
	.stats-grid {
		font-size: 18px;
		width: 50%;
	}
	.stats p {
		font-size: 12px;
		line-height: 26px;
	}
	.events h3 {
		font-size: 25px;
	}
   .events h6 {
		font-size:12px;
	}
	
	.egrid {
		width: 100%;
		margin-left: 0px;
	}
	.date {
		left: 84px;
	}
	.textt{
		width:100%;
	}
	.textt h3{
		font-size:12px;
	}
	.contact h3 {
		font-size: 25px;
	}
	.contact p {
		font-size:12px;
	}
	.cbl{
		padding:0;
	}
	.cbr{
		padding:0;
	}
	.contact h4 {
		font-size: 12px;
	}
	.contact h5 {
		line-height:19px;
		font-size:11px;
	}
	.left {
		width: 100%;
		padding:0;
	}
	.middle {
		width: 100%;
		margin-bottom: 15px;
		margin-top: 15px;
		height:142px;
	}
	.right{
		padding:0;
	}
	.lt a {
		margin: 8px 0px 0px 90px;
	}
	.lb a {
		margin: 8px 0px 0px 90px;
	}
	.middle a {
		margin: 8px 0px 0px 78px;
	}
	.rt a {
		margin: 8px 0px 0px 90px;
	}
	.rb a {
		margin: 8px 0px 0px 90px;
	}
	.footer p {
		font-size: 12px;
	}
  }
/* for popup and gallery */ 
 
  @media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
	/** * Remove all paddings around the image on small screen */
	.mfp-img-mobile .mfp-image-holder {
			padding-left:0;
			padding-right:0;
	}
	.mfp-img-mobile img.mfp-img {
			padding:0;
	}
	.mfp-img-mobile .mfp-figure:after {
			top:0;
			bottom:0;
	}
	.mfp-img-mobile .mfp-figure small {
			display:inline;
			margin-left:5px;
	}
	.mfp-img-mobile .mfp-bottom-bar {
			background:rgba(0,0,0,0.6);
			bottom:0;
			margin:0;
			top:auto;
			padding:3px 5px;
			position:fixed;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
			padding:0;
	}
	.mfp-img-mobile .mfp-counter {
			right:5px;
			top:3px;
	}
	.mfp-img-mobile .mfp-close {
			top:0;
			right:0;
			width:35px;
			height:35px;
			line-height:35px;
			background:rgba(0,0,0,0.6);
			position:fixed;
			text-align:center;
			padding:0;
	}
}
@media all and (max-width:900px) {
	.mfp-arrow {
			-webkit-transform:scale(0.75);
			transform:scale(0.75);
	}
	.mfp-arrow-left {
			-webkit-transform-origin:0;
			transform-origin:0;
	}
	.mfp-arrow-right {
			-webkit-transform-origin:100%;
			transform-origin:100%;
	}
	.mfp-container {
			padding-left:6px;
			padding-right:6px;
	}
}
.mfp-ie7 .mfp-img {
	padding:0;
}
.mfp-ie7 .mfp-bottom-bar {
	width:600px;
	left:50%;
	margin-left:-300px;
	margin-top:5px;
	padding-bottom:5px;
}
.mfp-ie7 .mfp-container {
	padding:0;
}
.mfp-ie7 .mfp-content {
	padding-top:44px;
}
.mfp-ie7 .mfp-close {
	top:0;
	right:0;
	padding-top:0;
}