/*==========  Desktop First Method  ==========*/
@media only screen and (min-width: 1200px){
	.myNavBar{
		/*width: 55.333333% !important;*/
	}
	.changeLanguage{
		/*width: 19.666667%;*/
		padding: 0;
	}
	.researchBox{
		width: 32% !important;
		margin-left: 15px !important;
	}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.footerPanel .col-md-3{
		width: 33% !important;
	}
	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
		left: 257px !important;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.footerPanel .col-md-3{
		float: left !important;
		width: 100% !important;
		margin-top: 10px;
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    	left: 15% !important;
	}
	.trip-table td, .table-head th{
		padding: 0 3px;
	}
	.trip-table th, .table-head th, .trip-table tr:first-child td{
		font-size:16px;
		text-align: center;
		padding-left: 0;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.table-head th, .trip-table td{
		font-size: 14px;
	}
	.myNavBar{
		margin-left: 0 !important;
	}
	.tabliza img{
		width: 100%;
	}
	header.fixed-header .row.headerBar {
	    margin: 10px 0 !important;
	}
	header.fixed-header .myNavBar{
		top: 82px !important;
	}
	.mobile-menu-nav{
		display: block;
	}
	.rulerName{
		margin-top: 20px;
	}
	.myNavBar{
		width: 100% !important;
	    left: 50% !important;
	    transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	    position: absolute !important;
	    background-color: rgba(97, 165, 217,0.9) !important;
	    z-index: 1;
	    top: 91px;
		display: none;
	}
	.myNavBar .dropdownLanguages{
		background-color: rgba(0,0,0,0.2); width:100%;
	}
	/*.myNavBar .dropdownLanguages.show{ display:block !important;}*/
	.dropdownLanguages ul{
		left: 50%;
    	transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		background-color: rgba(97, 165, 217, 0.1);
		position: relative !important;
		padding: 0;
	}

	.myNavBar ul{
		padding-left: 0 !important;
	}
	.headerMargin li{
		position: relative;
		display: block !important;
		text-align: center;
	}
	.changeLanguage{
		position:absolute; top:6px; right:-11px; width:auto; padding:0 !important; font-size:14px;
		/*display: none;*/
	}
	.changeLanguage > div { margin:0 !important;}
	.changeLanguage span.current { display:inline-block !important; float:left; margin-right:12px; position:relative !important;}
	.changeLanguage span.current:after{ display:none}
	.changeLanguage form { display:none}
	.changeLanguage .languages { display:block; float:left; background:transparent; margin:0; padding:0; width:auto !important; top:0 !important; left:0 !important; padding:0 !important; overflow:hidden}
	.changeLanguage .languages li { display:inline-block !important; background:transparent}
	.changeLanguage .languages li a {color: rgb(37, 114, 191);}
	.changeLanguage .languages li:before { content:'|'; margin:0 5px; font-size:12px; vertical-align:top}

	header .myNavBar ul li a { display:inline-block}

	header li a.dropArrow:after, header li a.dropArrow:hover:after {
		background:url(../img/white-arrow-down.png) no-repeat center center;
		background-repeat: no-repeat;
		content: '';
		width: 12px;
		height: 7px;
		top: 10px;
		right: -20px;
		position: absolute;
	}
	header li a.dropArrow.active-drop-point:after {
		background-image:url(../img/red-arrow-down.png);
	}
	/*.headerBar{
		margin: 15px -15px !important;
	}*/
	header .container{
		margin-right: auto;
	    margin-left: auto;
	    padding-left: 15px;
	    padding-right: 15px;
	}
	header nav li a {
		color: white !important;
	}
	/*header nav li a:hover:after{
		content: none !important;
	}*/
	header nav li{
		margin: 0px 15px !important;
    	padding: 7px 0px;
	}
	.dropArrow{
		padding-bottom: 0;
	}
	.mobile-menu-nav{
		margin: 13px 15px 0 !important;
	}

	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}
@media(min-width: 421px) and (max-width: 768px){
	.mobile-menu-nav {
    	margin: 22px 15px 0 !important;
	}
	header.fixed-header {
    	height: 96.7px !important;
	}
	header.fixed-header .myNavBar {
    	top: 97px !important;
	}
	header .myNavBar {
    	top: 111px !important;
	}
}
@media(max-width: 420px){
	.logoImage img{
		width: 232px;
	}
	.mobile-menu-nav {
    	margin: 22px 15px 0 !important;
	}
}
@media(max-width: 370px){
	.mainResearch .newsHeadName, .mainGraduates .newsHeadName{
		font-size: 18px;
	}
	.mainGraduates .more a{
		font-size: 10px;
	}
}
/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 769px) {
	.myNavBar{
		display: block !important;
	}
	.dropArrow:hover + .dropdownLanguages, .dropdownLanguages:hover{
		display: block !important;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

@media (max-width: 1200px) and (min-width: 992px){
	.col-md-4.newsHead{
		width: 40% !important;
	}
	.col-md-2.newsHead {
    	width: 21% !important;
	}
	.col-md-3.newsHead {
    	width: 30%;
	}
	.col-md-6.newsHead{
		width: 59% !important;
	}
	.col-md-12.newsHead{
		width: 101% !important;
	}

}
@media(max-width:1200px) and (min-width: 992px){
	/*div.footerList {
	    margin-left: 1%!important;
	    width: 48% !important;
	}
	ul.footerList {
	    padding: 0 !important;
	    margin: 35px 17px !important;
	}*/
	.logoImage{
		width: 115px !important;
		overflow-x: hidden;
	}
	.myNavBar{
		/*width: 585px !important;*/
	}
	ul.headerMargin{
		padding-left: 0 !important;
	}
	header nav li{
		margin: 0 12px !important;
	}
	.changeLanguage{
		/*width: 270px !important;*/
	}
}
@media(max-width:992px){
	/*.footerList:nth-child(2), .footerList:nth-child(3),.footerList:nth-child(4){
		display: none !important;
	}*/
	/*ul.footerList { display:none}
	div.footerList {
	    width:100% !important;
	}*/
	div.footerList > .listHeader{
		text-align: center;
	}
}
@media(max-width:992px) and (min-width: 769px){
	.headerBar{
		height: 136px !important;
	}
	/*.headerMargin{
		padding-left: 14px;
	}*/
	.changeLanguage{
		position: relative;
		top: -158px ;
		left: 471px;
		width: 273px !important;
	}
	header + section{
		margin-top: -40px;
	}
	.fixed-header{
		top:0;
	}
	header.fixed-header, .headerBar {
    	height: 96.7px !important;
	}
	.logoImage.myWidth{
		width: 100px !important;
		overflow-x: hidden !important;
	}
	.fixed-header > .container.myWidth {
		width: 768px !important;
	}
	.headerMargin.myWidth {
    padding-left: 0px !important;
	}
	.myNavBar.myWidth{
		width: 598px !important;
		margin-left: 0 !important;
	}
	.headerMargin.myWidth {
    	padding-left: 0px !important;
	}
	.changeLanguage.myWidth {
    /* position: relative; */
	    display: none;
	}
	header.fixed-header .headerBar.myWidth {
     	margin: 6px 0 !important;
	}
}
@media(max-width:750px){
	/*.footerList:first-child{
		display: none !important;
	}
	div.footerList {
		position: relative;
	    left: 50%;
	    transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	    width: 90% !important;
	    float: none !important;
		margin-bottom: 30px;
	}*/
}
@media(max-width:530px){
	/*div.footerList {
	    width: 99% !important;
	}*/
}
@media(max-width: 516px){
	.phoneBlock, .ourPosition, .mail, .followUs{
		width: 100% !important;
	}
	.mail{
		padding-top: 0;
    	margin-top: -11px;
	}
}

/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.imgRight {
		width: 47.5%;
	}
	.imgLeft {
		width: 47.5%;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.headerPage {
		padding: 0;
	}
	.ff {
		float: none;
	}
	.galleryIndent {
		margin: 20px 0;
	}
	.data {
		margin: 20px 20px 0 0;
		float: left;
	}
	.indentNone {
		padding: 0;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.ff {
		float: left;
		margin: 10px 4px 0 0;
	}
	.imgRight {
		width: 100%;
		margin: 0;
	}
	.imgLeft {
		width: 100%;
		margin: 0;
	}
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

}
@media only screen and (max-width : 767px) {
	.ff {
		float: none;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.more a { position:absolute; right:15px}
	.ff {
		width: 100%;
	}
	.partner-list .headerPage h2 { font-size:18px}
}

@media only screen and (max-width : 375px) {
	.popup-gallery > div > a > img {
		max-width: 345px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.popup-gallery > div > a > img {
		width: 280px;
	}
	.mask {
		width: 280px;
	}
	.popup-gallery > div > a {
		width: 280px;
	}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}