@media (max-width:1290px) {
    .btn-dark {
        width:100%;
    }
}
@media (max-width:1200px) and (min-width:900px) {
    div.full-sidebar-dark ul.list li a div.right-img-box {
        max-width:80px;
    }
}
@media (min-width:1024px) {
    span.top-menu-icon {
        display: none;
    }
    span.bottom-menu-icon {
        display: none;
    }
}
@media only screen and (max-width: 1024px){
    .jumbotron .main-page-slider div.slide-caption {
        bottom:0px;
    }
    .news-swiper-container .swiper-slide .news-slide-img::before {
        top:initial;    
    }
    header div.menu-wrapper div.main-menu ul.menu.sub-page li.menu-title {
        max-width:100%;
        padding-bottom:10px;
    }
    header div.menu-wrapper div.top-menu ul.menu li.dropdown:hover a {
        color:#222;
    }
    section {
        padding-top:25px;
    }
    div.mobile-page-select-category {
        margin-bottom:5px;
    }
    div.mobile-page-menu-title {
        background:#001c3d;
        color:#fff;
        font-size:18px;
        padding:15px;
        border-bottom:1px solid #222;
    }
     div.mobile-page-menu-title-2 {
        background:#4C6888;
        border:1px solid #4C6888;
		border-bottom-color:#fff;
		font-size:14px;
		padding-top:13px;
    }
    div.mobile-page-menu-title:after {
        font-family: 'FontAwesome';
        content: "\f078";
        position: absolute;
        right:35px;
        font-size:22px;
    }
	div.mobile-page-menu-title-2:after { 
	    margin-top:-5px;
	}
    div.mobile-page-menu-title.active:after {
        font-family: 'FontAwesome';
        content: "\f077";
        position: absolute;
        right:35px;
        font-size:22px;
    }
    div.mobile-page-menu-items {
        display: none;
        background:#e0e2e4;
        color:#464646;
    }
    div.mobile-page-menu-items ul {
        margin:0;
        padding:0;
    }
    div.mobile-page-menu-items ul li {
        list-style: none;
        background:#001c3d;
        padding:10px; 
		/*padding: 10px 30px 10px 10px;*/
    }
    div.mobile-page-menu-items-2 ul li {
        background:#4C6888;
    }
    div.mobile-page-menu-items ul li a {
        color: #fff;
        opacity: 0.8;
        font-size:16px;
    }
    div.mobile-page-menu-items span.ico i {
        position: absolute;
        right:25px;
        color:#ddd;
    }
    div.mobile-nested-accordion ul li.dropdown ul.dropdown-menu li a {
        font-size:16px !important;
    }
    div.mobile-page-menu-items ul li.dropdown ul.dropdown-menu li a {
        color:#fff !important;
        opacity: 0.6;
        font-size:14px ;
    }
     div.mobile-nested-accordion ul li.dropdown ul.dropdown-menu li a {
        color:#222 !important;
        opacity: 1;
    }
	 div.mobile-nested-accordion-2 ul li a {
         font-size:15px;
     }
     div.mobile-nested-accordion-2 ul li.dropdown ul.dropdown-menu li a {
         font-size:15px !important;
     }
    body{
        margin-top:70px;
        overflow-x: hidden;
    }
    header.smaller .logo img{
        width:auto;
        height: 40px;
        margin-top:5px;
    }
    header.smaller .logo.no-resize img{
        height: 50px !important;
    }
    header div.menu-wrapper div.top-menu ul.menu li span.ico {
        display: inline-block;
        float: right;
    }
    header div.menu-wrapper div.top-menu ul.menu li a {
        display: inline-block;
    }
    header div.menu-wrapper div.bottom-menu ul.menu li span.ico {
        display: inline-block;
        float: right;
    }
    header div.menu-wrapper div.bottom-menu ul.menu li a {
        display: inline-block;
    }
    header div.menu-wrapper div.top-menu ul.menu li.dropdown:hover,
    header div.menu-wrapper div.top-menu ul.menu li.dropdown:focus,
    header div.menu-wrapper div.top-menu ul.menu li.dropdown:active {
        background: none;
        border: 0;
    }
    a.mobile-menu{
        width:40px;
        height:40px;
        line-height: 40px;
        color:#002857;
        position: absolute;
        top:50%;
        margin-top:-20px;
        right:15px;
        display: inline-block;
        font-size:27px;
        text-align: center;
        border:solid 1px #002857;
        cursor: pointer;
        font-family: "FontAwesome";
        text-decoration: none;
    }
    a.mobile-menu:after{
        content:"\f0c9";
    }
    a.mobile-menu.open:after{
        content:"\f00d";
    }
    
    header div.menu-wrapper{
        position: fixed;
        background: #fff;
        width:100%;
        height: calc(100% - 70px) !important;
        display: none;
        top:85px;
        overflow-x: scroll;
    }
    header div.menu-wrapper .main-menu,
    header.smaller div.menu-wrapper .bottom-menu{
        position: relative;
        width:100%;
        float:none;
        clear:both;
        display: block;
    }
    header div.menu-wrapper .main-menu ul{
        margin:0;
        padding:0;
        float: none !important;
    }
    header.smaller div.menu-wrapper div.main-menu ul li{
        display: block;
        width:100%;
        border-right: none;
        /*min-height::;*/
        height: auto !important;
    }
    header div.menu-wrapper div.main-menu ul.menu li a{
        font-size:16px;
        width:100% !important;
    }
    header div.menu-wrapper div.main-menu ul.menu li {
        border-right:0;
    }
    header div.menu-wrapper .bottom-menu{
        width:100%;
        float:none !important;
        display: block !important;
        clear:both;
        height: auto;
    }
    header div.menu-wrapper div.bottom-menu ul.menu{
        margin:55px 0 0 0;
        padding:0;
        float: none !important;
        clear:both;
    }
    header div.menu-wrapper div.bottom-menu ul.menu li,
    header div.menu-wrapper div.top-menu ul.menu li{
        width:100%;
        display: block;
        border-right:none;
        min-height: 40px !important;
        line-height: 40px  !important;
        border-bottom: 1px solid #ccc;
    }
    header div.menu-wrapper div.main-menu ul.menu li span.ico{
        color:#c7ccd3;
        font-size:17px;
        position: absolute;
        right:0;
        top:1px;
        display: block;
        width:25px;
        height:30px;
        text-align: center;
        z-index: 1500;
        cursor: crosshair;
    }
    header div.menu-wrapper div.bottom-menu ul.menu li a,
    header div.menu-wrapper div.top-menu ul.menu li a{
        min-height: 40px;
        line-height: 40px;
        font-size:16px;
        color:#323c48;
        padding:0 10px;
        height: auto;
    }
    header div.menu-wrapper div.bottom-menu ul.menu li.sub-menu-full a:after {
        content:"\f078";
        font-family:'FontAwesome';
        position:absolute;
        right:15px;
    }
    header.smaller div.menu-wrapper div.main-menu ul li a {
        line-height: 40px;
        height:40px;
        z-index:5;
    }

    header div.menu-wrapper div.main-menu ul li{
        border-bottom: 1px solid #ccc;
        width:100%;
    } 
    header div.menu-wrapper div.main-menu ul li a{
        width:100%;
        font-size:16px;
    }

    header div.menu-wrapper .bottom-menu{
        display: block !important;
        position: relative !important;
        height: auto !important;
        clear:both;
    }
    header div.menu-wrapper div.main-menu ul.menu li.dropdown ul.dropdown-menu{
        display: none;
        position: relative !important;
        height: auto !important;
        clear:both;
        background: #323c48 !important;
        -webkit-box-shadow:none;
        box-shadow: none;
    }
    header div.menu-wrapper div.main-menu ul.menu li.dropdown ul.dropdown-menu li{
        padding:0 15px !important;
    }
    header div.menu-wrapper div.main-menu ul.menu li.dropdown ul.dropdown-menu li a{
        font-size:15px !important;
        color:#fff !important;
		padding: 10px 5px !important;
    }
    header div.menu-wrapper div.top-menu{
        background: none;
        position: relative !important;
        display: block !important;
        clear:both;
    }
    header.small div.menu-wrapper div.top-menu div.language-container,
    header.small div.menu-wrapper div.top-menu div.language_bg{
        display: none !important;
    }
    header div.menu-wrapper div.top-menu div.language-container{
        display: none !important;
    }
    header div.menu-wrapper div.top-menu div.menu-container{
        float:none !important;
        display: block;
        position: relative;
    }
    header div.menu-wrapper div.top-menu ul.menu li a:hover{
        border-bottom: none;
    }

    header div.menu-wrapper{
        display: none;
    }
    
    .dropdown:hover .dropdown-menu {
        display: none;
    }
    
    ul.dropdown-menu{
        margin:0;
        padding:0;
        position: relative !important;
        border:none;
        border-radius: 0 !important;
        background:#e0e0e0;
        white-space: normal;
        min-width: 100% !important;
        max-width: 100% !important;
        padding:0 10px;
        display: none;
        clear:both;
        margin-bottom:10px !important;
    }
    ul.dropdown-menu > li{
        display: table !important;
        border-right: none !important;
        width:100%;
        vertical-align: middle;
        border-bottom: none !important;
        height: auto !important;
    }

    ul.dropdown-menu > li > a{
        white-space: normal;
        font-family: 'Palatino' !important;
        font-size:14px !important;
        font-weight: normal !important;
        color:#7a848f !important;
        min-height: 35px !important;
        height: auto !important;
        line-height: 18px !important;
        position: relative;
        display: table-cell !important;
        margin:0 auto;
        vertical-align: middle !important;
        border-bottom: solid 1px #bebebe !important;
        padding:10px 0 !important;
    }

    div.sub-menu-full{
        position: absolute !important;
        z-index: 1500;
        top:0px;
        width:100%;
        height: auto;
        overflow-x: scroll;
        display: none;
        background: #ebebeb;
    }

    header.smaller div.menu-wrapper div.main-menu.sub{
        display: block;
        top:0px !important; 
    }
    header.smaller div.menu-wrapper div.main-menu.sub ul{
        width:100%;
    }
    header div.menu-wrapper div.main-menu ul.menu.sub-page li{
        width:1024px;
        max-width: 100%;
        min-height: 10px;
        display: block;
        vertical-align: middle;
        padding:0 !important;
		overflow:hidden;
    }
    header div.menu-wrapper div.main-menu ul.menu.sub-page li.menu-title{
        padding-left:10px;
    }
    header div.menu-wrapper div.main-menu ul.menu.sub-page li a{
        min-height: 40px;
        line-height:40px;
        padding:0px !important;
        margin:0;
    }
    header div.menu-wrapper div.main-menu ul.menu.sub-page li.menu-title {
        background: none;
    }
    header.smaller div.menu-wrapper div.main-menu ul.menu.sub-page li.menu-title {
        background: none;
    }
    div.sub-menu-full{
        width:100%;
        height: auto;
        padding:20px 0 20px 0;
        background:#e5e9ec;
        display: none;
        position: absolute;
        left:0;
    }
    a.menu-close-mobile{
        position: absolute;
        right:15px;
        top:10px;
        display: block;
        width:20px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        overflow:hidden;
        color:#222;
    }
    div.tests-box div.item a{
        width:100%;
    }

    header.smaller div.menu-wrapper div.bottom-menu ul.menu{
        margin:27px 0 0 0;
    }
    header.smaller div.menu-wrapper div.bottom-menu ul.subpage-bottom-menu{
        margin:0px;
    }
    .jumbotron div.slide-caption {
        position: absolute;
        bottom:0px;
        left:0px;
        background: #002857;
        width:100%;
        min-height:50px;
    }
    .jumbotron div.slide-caption h1 {
        font-size:20px;
        padding-top:10px;
    }
    .jumbotron div.slide-caption p {
        font-size:13px;
        padding-top:5px;
    }

}
 /* Medium Devices, Desktops */
@media only screen and (max-width : 998px) and (min-width: 769px) {

    section.student-candidates div.item p{
        display: block;
    }

}

@media (max-width:991px) {
    div.event-selects .select2-container {
        width: 49% !important;
    }
    div.program-list div.detail-icons img {
        display:inline-block;
    }
    div.program-list div.detail-icons {
        text-align:center;
    }
    div.program-list .item p.education-title {
        text-align:center;
    }
    div.program-list.no-grid div.item {
        width:auto;
        border:0;
    }
    .contact-border {
        margin-top:20px;
    }
    .swiper-slide .news-slide-img{
        max-height: 240px;
    }
    section.student-events .std-box {
        display: block;
    }
    section.student-events .std-box div.mask {
        display: table;
        vertical-align: middle;
    }
    section.student-events .std-box div.mask div.mask-content {
        padding:25px 25px;
    }
    section.student-events .std-box div.box-header h3 {
        font-size:20px;
    }
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
    .mobile-responsive-table {
        overflow-x:auto !important;
    }
    div.program-list .item {
        margin-bottom:40px;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        display:none;
    }
    div.playlist-wrapper h5{
        padding-left:0px !important;
    }
    section.explore div.item h4 {
        font-size:18px;
    }
    .news-slide-text .news-teaser h2 {
        font-size:18px;
    }
    .news-swiper-container .swiper-slide .news-slide-img:before {
        width:100%;
    }
    .jumbotron.sub-page {
        margin-bottom:0px;
    }
    header div.menu-wrapper {
        top:75px;
    }
	.img-sm-responsive img{
		width:100%;
	}
	.row-eq-height {
		display: inline-block;
		flex:auto;
		width:100%;
		flex-wrap: wrap;
	}
	h2, .h2{
		font-size:25px;
	}
	section.student-candidates div.candidate-big div.caption{
		padding:0 15px 10px 15px;
	}
	section.student-candidates div.candidate-big div.caption p,
	section.student-candidates div.candidate-big div.caption h3{
		padding-left:0;
	}	
	.swiper-slide .news-slide-img{
    	max-height: 240px;
    }
	input[type=text]{
		margin-bottom: 15px;
	}
	.news-swiper-container {
		width: 100%;
		height: 360px;
		overflow: hidden;
		position: relative;
		display: block;
	}
	.news-swiper-container .swiper-slide{
		display: block;
		width:100%;
	}
	div.news-slide-img{
		width:calc(100% - 1px) !important;
		display: block;
		clear:both;
		z-index: 500;
	}
	div.news-slide-text{
		position: relative;
		display: block;
		clear:left;
		width:100% !important;
		margin-left:0 !important;
		padding:0;
	}
	.news-swiper-container .swiper-slide .news-slide-text .news-teaser{
		padding:10px 10px 10px 10px;
	}
	.news-swiper-container .swiper-slide .news-slide-text .news-teaser p{
		display: none;
	}
	.news-swiper-pagination{
		position: absolute;
		display: block;
		top:-10px;
		left:0;
		top:inherit;
		margin:0 auto;
		width:100%;
		height:35px;
		text-align: center;
		padding-left:36%;
	}
	.news-swiper-pagination .swiper-pagination-bullet{
		position: relative !important; 
		left:auto;
		display: inline-block;
		float:left;
		line-height: 33px;
	}
	.swiper-container-vertical > .swiper-pagination-bullets{
		position: relative !important;
		top:-10px;
		display: inline-block !important;
		float:left !important;
	}
	.news-swiper-pagination .swiper-pagination-bullet:first-child{
		top:-78px; !important;
		/*margin-left:;*/
	}
	.swiper-container-vertical > .swiper-pagination-bullets span{
		position: relative !important;
		top:inherit;

	}
	.news-swiper-button-next{
		left: -12px !important;
		bottom: -5px !important;
		top: inherit;
		transform: rotate(90deg);
		height: 50px;
		z-index: 300000;
		display: none;
	}
	.news-swiper-button-prev{
		left: calc(100% - 27px) !important;
		bottom: -13px !important;
		top: inherit;
		transform: rotate(90deg);
		height: 67px;
		width: 52px;
		background-position: 0 -45px;
		z-index: 3000;
		display: none;
	}
	.news-swiper-container .swiper-slide .news-slide-text .news-teaser h3{
		font-size:18px;
		margin-top:0;
	}

	h3,section.student-candidates div.item h3{font-size:20px;}

	section.explore div.explore-wrapper div.item{
		width:50%;
	}
	section.explore div.explore-wrapper div.item div.mask{
		top:40%;
		font-size:18px;
		color:rgba(255,255,255,1);
		padding:0 20px 20px 20px;
	}
	section.explore div.explore-wrapper div.item div.mask h3{font-size:19px;margin:0; opacity:1;}
	section.explore div.explore-wrapper div.item div.mask i{font-size:20px;}

	div.video-description{
		height: auto;
		padding-bottom: 115px;
	}
	.btn.btn-border{
		font-size:12px;
		top:3px;
        line-height:25px;
	}
	section.grey,
	section.announcements-summary{
		padding:15px 0 30px 0; 
		margin-bottom:0 !important;
	}

	.events{
		border-top:solid 1px #e0e0e0;
		margin:0 15px 0 15px;
		position: relative;
		top:20px;
	}
	section.student-candidates div.item{
		margin-bottom: 0;
	}
    div.article-summary-list div.item a.detail-link {
        position: relative;
        display: block;
        right:0px;
        text-align: right;
    }
    .col-md-2 button.btn-dark {
        float:right;
    }
    div.academic-staff span.chapter {
        left:0;
    }

}

@media (max-width:640px) {
    div.academic-staff a.head {
        font-size:14px !important;
    }
    div.item-index span.egitim-item-title {
        position: absolute;
        left:25px;
        top:60px;
    }
    div.people-img img {
        width:100px;
    }
    iframe {
        width:100%;
    }
    div.footer-bottom-line img.footer-oxford-logo {
        width:100px;
    }
    div.footer-bottom-line img.footer-capadocia-logo {
        padding-top:29px;
    }
    html, body {
		overflow-x: hidden !important;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    div.academic-staff span.chapter {
        display: none;
    }
    section{
		padding-top:5px;
	}
	.jumbotron div.slide-caption h1 {
        font-size:16px !important;
    }
    .jumbotron div.slide-caption p {
        font-size:12px;
    }
	.container.sm-fw{
		margin:0;
		padding:0;
	}
	.sm-fw{
		margin:0;
		padding:0;
	}
	/*.container.sm-fw h2,h3,h4,h5,h6,p,
	.sm-fw h2,h3,h4,h5,h6,p{
		padding-right:15px;
		padding-left:15px;
	}*/
	
	.hide-mobile{display: none;}

	div.video-description div.video-share div.links a{
		margin-right:10px;
	}
    .swiper-slide {
        height:225px;
    }
    /*.jumbotron div.slide-caption {
        top:0px;
    }*/
    .jumbotron div.slide-caption h1 {
        font-size:25px;
    }
    header.smaller, header.smaller div.menu-wrapper {
        height:70px;
    }
    header div.menu-wrapper {
        top:70px;
    }
    header.smaller .logo img {
        margin-top:0px;
    }
    div.sm-fw p,div.sm-fw h2,div.sm-fw h3,div.sm-fw h4 {
        padding-left:15px !important;
    }
    div.events a.btn-xs,div.sm-fw a.btn-xs {
        margin-right:10px;
    } 
    div.program-list.no-grid div.item {
        margin-left:-15px;
    }
    div.sm-fw h5 {
        padding-left:15px;
    }
}

@media only screen and (max-width : 400px) {
	div.mobile-page-menu-title {
        padding:5px;
    }
}