@charset "utf-8";
/* CSS Document */

/* #Media Queries
================================================== */
/* Smaller than standard 1200px (devices and browsers) */
@media only screen and (max-width: 1920px) {


}
@media only screen and (max-width: 1600px) {

}
@media only screen and (max-width: 1440px) {
header .logo {
    padding: 1.2% 0%;
}
header.smaller .logo {
	padding: 1.6% 0%;
}

}
@media only screen and (max-width: 1366px) {
header .logo {
    padding: 1.2% 0%;
}
header.smaller .logo {
	padding: 1.6% 0%;
}

}
@media only screen and (max-width: 1360px) {
header .logo {
    padding: 1.2% 0%;
}
header.smaller .logo {
	padding: 1.6% 0%;
}
}
@media only screen and (max-width: 1280px) {
header .logo {
    padding: 1.2% 0%;
}
header.smaller .logo {
	padding: 1.6% 0%;
}

}
@media only screen and (max-width: 1200px) {
.container {
	width: 90%;
	margin: 0 auto;
	}


}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
/* Styles */

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */


}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */


}
@media only screen and (min-device-width : 412px) and (max-device-width : 846px) and (orientation : landscape) {


}
@media only screen and (min-device-width : 480px) and (max-device-width : 767px) and (orientation : landscape) {



}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	width: 100%;
	padding: 15px;
	}



}
@media only screen and (min-device-width : 412px) and (max-device-width : 480px) and (orientation : landscape){

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape){

}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	width: 100%;
	padding: 15px;
	}
header .container {
    width: 85%;
}
header .logo{
	position: absolute;
	left:28px;
	top: 10px;
	width: 30%;
}
header nav{
	width: 100%;
	float: right;
}
#nav{
	width: 100%;
}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active{
	color: #222!important;
}
header.smaller .logo{
	position: absolute;
	left:28px;
	top: 10px;
	width: 30%;
}
header.smaller nav{
	width: 100%;
	float: right;
}
.Profile_Box .Profile_details{
	width: 95%;
	margin: -47px auto 0;
	padding: 10px;
	}
.Profile_Box .Profile_details .rt_det .Profile_Pic{
	width: 292px;
	height: 288px;
}
.popup_box .Box_Inner{
	width: 100%;
	padding-top: 36px;
}
.popup_box .Box_Inner .col-sm-6{
	padding:5px 15px;
}
.popup_box .Box_Inner .form-control{
	margin-bottom: 0px;
}
.Message_Box{
	width: 95%;
	padding:10px;
}
.Inner_Page .Inner_Contain{
	width: 100%;
	padding:10px;
	margin:-50px 0 auto;
}
.Publications_Section .col-sm-12{
	padding:0px 15px;
}
.Publications_Section .col-sm-3{
	padding:10px 15px;
}
.Publications_Section .Publications_Box{
	padding-bottom: 0px;
	height: auto;
}
.Video_Section{
	height:auto;
}
.banner {	
    padding: 48px 0px 0px;
}
.Inner_Page .Inner_Contain h1.Title{
	font-size: 22px;
}
.footer .copyright{
	text-align: center;
}
.footer .siteby{
	text-align: center;
}
.footer .col-sm-10{
	padding:10px 0px;
}
.footer .col-sm-2{
	padding:0px 0px 10px;
}


}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

