@media (min-width: 518px) {
    #LanguageDropBar {
        position: absolute;
        width: 100%;
        top: 83px;
        background-color: #000;
        z-index: 10000;
        display: none;
    }
}

@media (min-width:240px ) and (max-width: 815px) {

    #desktopTercih {
        display: none
    }
    #mobilTercih {
        display: block !important
    }
}

    @media(max-width: 323px) {

        /*.NewsBannerTextFrom {
        margin-left: 11% !important;
        margin-right: 0px !important;

    }*/

        .ResponsiveNumber {
            margin-left: 2% !important;
            margin-right: 3% !important;
            margin-top: 0px !important;
        }
    }

    @media (min-width:481px ) and (max-width: 1014px) {



        .TopMenuMain > li:nth-child(1) {
            text-align: left;
            border-bottom: #212121 4px solid !important;
            width: 19% !important;
        }

        .TopMenuMain > li:nth-child(2) {
            border-bottom: #dc4b48 4px solid !important;
            width: 19% !important;
        }

        .TopMenuMain > li:nth-child(3) {
            border-bottom: #00AEE0 4px solid !important;
            width: 19% !important;
        }

        .TopMenuMain > li:nth-child(4) {
            border-bottom: #0d764d 4px solid !important;
            width: 19% !important;
        }

        .TopMenuMain > li:nth-child(5) {
            border-bottom: #13a169 4px solid !important;
            width: 19% !important;
        }

        .TopBannerMain {
            margin-left: 0;
            display: block;
            width: 100%;
            padding-top: 8px;
            padding-bottom: 28px;
            /*padding-right: 204px;*/
        }



            /*.TopBannerMain > li:nth-child(1) {
                border-bottom: #00b5e4 4px solid;
   
            }

            .TopBannerMain > li:nth-child(2) {
                border-bottom: #a2a2a2 4px solid;
                width: 50%;
            }*/

        .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
            font-size: 10px !important;
        }
    }

    @media (max-width: 360px) {
        #BannerBoxResponsive {
            font-size: 19px !important;
        }

        .smaller #signup-login > a {
            margin-left: 6px !important;
        }

        #kucuk-siyah-user {
            padding-left: 5px;
        }


        .siyahtext {
            font-size: 8px;
            margin-right: 0px !important;
        }
    }

    @media (min-width: 480px) {

        #MobilYellowResponsive {
            display: none;
        }
    }

    @media (max-width:480px) {
        .page-header .headersearchdiviLang {
            padding-top: 0 !important;
            margin-top: 21px !important;
            margin-right: 2px !important;
            height: 25px !important;
            margin-bottom: 2px !important;
            overflow: hidden;
        }

        .TopBannerMain {
            margin: 7.5px 0px !important;
        }

        /*.page-footer .footerfeedback img {
            bottom: 0 !important;
            width: 115px !important;
            transform: rotate(275deg);
            margin-right: -30px;
        }*/

        .page-header.smaller .headersearchdiviLang {
            margin-top: 8px !important;
        }

        .page-header.smaller #headersearchmaindivi {
            box-shadow: 0px 2px 3px #888888;
        }

        .dropdown-content {
            margin-top: 1px;
        }

        .page-container .bg-blue-madison h3 {
            padding-top: 20px !important;
            padding-left: 13px !important;
        }

        .dropdown-mobile {
            display: initial;
            margin-left: 100px;
        }

        .dropdown-normal {
            display: none;
        }

        .UyeResponsive {
            display: none;
        }

        .bg-blue-madison {
            padding-left: 0px !important;
            margin-top: -20px !important;
        }

        /*.page-footer .row {
            margin: 0 !important;
            display: inline-block;
            padding-left: 10%;
            padding-bottom: 4%;
        }*/

        .logo-default .img-responsive {
            width: 20% !important;
        }

        #footer-responsive {
            width: 30% !important;
        }

        #MobilFooter {
            display: inline;
        }

        #DeskTopFooter {
            display: none;
        }

        #MobilYellowResponsive {
            display: block;
        }

        .YellowResponsive {
            display: none;
        }

        .bg-yellow-Mobil #quote-carousel {
            padding-left: 2px !important;
            padding-top: 85px;
            height: 200px;
        }

        .page-container .bg-red-haze .text-left h3 {
            padding-top: 2px !important;
        }

        .page-container .bg-red-haze .text-left {
            margin-bottom: 10px !important;
        }

            .page-container .bg-red-haze .text-left a {
                margin-top: 105px !important;
                padding-top: 0px !important;
            }

        .MobilDisablePadding {
            padding-bottom: 0px !important;
        }

        .ResponsiveNumber {
            margin-left: 30px;
            margin-right: 30px;
            margin-top: 0px !important;
        }

        /*.page-footer .footerfeedback {
            display: inline !important;
            float: right;
        }*/

        .MobilResponseNews {
            display: none;
        }

        .DestktopNewsResponse {
            display: none;
        }

        .MobilNewsResponseContainer {
            height: 396px !important;
            display: initial;
        }

        #MobilResponseForumImg {
            display: none;
        }

        .PopularDepartmentResponsive h3 {
            margin-left: 6% !important;
        }

        #col-md-2-override {
            display: -webkit-box;
            padding-top: 3%;
        }

        .page-container .row div h5 {
            margin-left: 3% !important;
        }

        .self-img-responsive {
            width: 50% !important;
            padding-top: 3% !important;
        }

        .DesktopVersionDisplay {
            display: none;
        }

        .MobilVersiyonDisplay {
            display: -webkit-box !important;
        }
    }

    @media (min-width: 768px) {
        .page-header.smaller #HeaderMenu .col-md-2 {
            width: 15%;
        }

        .page-header.smaller #HeaderMenu .col-md-7 {
            width: 45%;
        }

        .page-header.smaller #HeaderMenu .col-md-3 {
            width: 40%;
        }
    }

    @media (max-width:991px) {
        .profile-menu {
            display: none;
        }
    }

    @media (min-width: 992px) {


        .ng-scope.bdsmaller ul.page-left-menu {
            position: fixed;
            z-index: 999;
            /*left: 10%;*/
            top: 51px;
            background-color: #FFF;
            margin: 0;
            width: 1230px;
        }

        .SocialIcons {
            width: 200px;
            background-color: white;
            float: right;
            margin: 0px 10px 0 0;
            padding: 5px;
            line-height: 0px;
            position: relative;
        }

        .fa.fa-2x {
            padding-right: 10px;
            margin: 5px;
        }

        .fa-facebook-official {
            color: #3F59B0;
        }

        .fa-twitter {
            color: #00AEE0;
        }

        .fa-youtube {
            color: #D8211D;
        }

        .fa-linkedin {
            color: #006599;
        }

        .page-header .page-header-top .top-menu {
            margin: 10px 0 0 0;
            padding: 0;
            float: right;
        }

        .page-header.smaller .page-header-top .top-menu .navbar-nav > li.dropdown {
            height: 35px;
        }
    }

    @media (min-width: 1201px) {
        #school-banner .SchooleDetailRatingText img {
            height: 28px;
            margin-right: 15px;
        }
    }

    @media (min-width: 1500px) {
        .sehirfotoulsi li img {
            width: 100%;
        }
    }
    /***************************************************/

    @media (max-width: 1600px) {
        #feedbackdivi {
            display: none !important;
        }

        /*.page-footer .footerfeedback {
            display: block !important;
        }*/

        .body-content {
            min-height: calc(100% - 139px);
        }
    }

    @media (max-width: 1230px) {
        .container {
            width: 100%;
        }

        .ng-scope.bdsmaller ul.page-left-menu {
            width: 100%;
        }

        .ReviewsTab .ReviewSchool > a > h4 {
            font-size: 14px;
        }

        .SchoolBannerImage {
            background-size: auto;
        }

        #DescriptionHtml {
            padding: 10px;
        }

        .headerPageSearch {
            width: calc(100% - 170px);
        }
    }

    @media (max-width: 1030px) {
        #mainortarenklitoplar {
            margin: 10px 20px;
        }

        #headerpagesearchSch li {
            width: 100%;
        }
    }

    @media (max-width: 950px) {
        .page-header .page-header-top .top-menu .navbar-nav {
            margin: 0;
        }

        .page-header .page-header-top .top-menu .btn {
            font-size: 12px;
            padding: 7px;
        }
    }

    @media (max-width: 851px) {
        .page-header .page-header-top .top-menu .btn {
            font-size: 11px;
        }

        .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
            font-size: 13px;
        }

        #Activities .table > tbody > tr > td, #Activities .table thead tr th {
            font-size: 12px;
        }

        .quiz-title, .quiz-title h1 {
            height: auto;
        }

            .quiz-title h1 {
                font-size: 22px;
            }

        .quiz-question-row h2.question-title {
            font-size: 18px;
        }

        .quiz-question-row .question-answer {
            line-height: 25px;
            font-size: 12px;
        }

        .quizorta .quizlistcontent {
            width: 100%;
        }

        .quizorta .quizlistimg {
            margin-bottom: 10px;
            margin-left: 10px;
        }

        #ConselorSelectDivi {
            padding: 20px 20px;
        }

            #ConselorSelectDivi > div {
                padding: 20px 10px;
            }
    }

    @media (max-width: 767px) {
        .body-content {
            padding-top: 65px;
        }

        #compare-item-list {
            font-size: 11px;
        }

        .page-header .page-header-top .top-menu {
            margin: 0;
        }

        .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
            font-size: 12px;
            padding: 4px 10px;
        }

        .survey-first-item img {
            margin-bottom: 10px;
        }

        #mainortarenklitoplar .renklitoplar {
            font-size: 20px;
        }

            #mainortarenklitoplar .renklitoplar .ToplarText {
                font-size: 19px;
            }

        .top-ranks {
            margin-right: 0px;
        }

        .surveycontinent {
            padding-right: 15px !important;
        }

        #chartdiv {
            margin-top: 75px;
        }

        #school-banner #school-logo img {
            height: 110px;
            width: 110px;
            margin: 10px 60px 10px 0;
        }

        .SchoolBannerImage {
            height: 230px;
        }

        ul.page-left-menu li a span {
            display: none;
        }

        .GeneralInfoFormDivi strong.col-xs-4 {
            width: 100%;
        }

        .GeneralInfoFormDivi div.col-xs-8 {
            width: 100%;
        }

        #Academics .table > tbody > tr > td, #Academics .table thead tr th {
            font-size: 12px;
        }

        #Activities .table > tbody > tr > td, #Activities .table thead tr th {
            font-size: 11px;
        }

        #Tuition h4 {
            font-size: 14px;
        }

        .collegelistyok {
            width: 100%;
            margin: 10px 0;
        }

        #DetailSearchDiv table th a.btn {
            padding: 7px;
            font-size: 12px;
        }

        #logodiv {
            float: left;
            width: 72px;
        }

        #headersearchmaindivi {
            float: left;
            width: calc(100% - 72px);
        }

        .page-header #logodiv .page-logo img {
            height: 34px;
        }

        a#language-dropdown {
            font-size: 14px;
            margin: 4px 0 0 0;
            padding: 2px;
        }

        #SearchForm {
            margin-top: 5px;
        }

            #SearchForm input {
                height: 30px;
            }

            #SearchForm select {
                height: 30px;
                padding: 0;
                width: 80px;
                font-size: 14px;
            }

            #SearchForm button {
                width: 30px;
                height: 30px;
            }

                #SearchForm button i {
                    font-size: 15px !important;
                }

        .survey-left-side {
            width: 200px;
        }

        .survey-right-side {
            width: calc(100% - 200px);
        }

        .inner-banner .survey-logo-middle {
            font-size: 1.3em;
        }

        .headerPageSearch {
            width: calc(100% - 90px);
        }
    }

    @media (max-width: 648px) {
        .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
            font-size: 10px;
            padding: 4px 5px;
        }

        .menu-dropdown.classic-menu-dropdown .dropdown-menu li a {
            font-size: 10px !important;
        }

    }

@media (max-width: 630px) {
    #userpanel {
        width: 90%;
    }

        #userpanel img {
            border: 1px solid rgb(232, 232, 232);
            padding: 2px;
            margin: 10px;
            width: auto;
            height: auto;
        }

        #userpanel h5 {
            padding: 5px;
            margin-top: 10px;
            text-decoration: none;
        }



    #mainortarenklitoplar .renklitoplar {
        font-size: 18px;
        padding-top: 90px;
        padding-bottom: 40px;
    }

        #mainortarenklitoplar .renklitoplar .ToplarText {
            font-size: 17px;
        }


    #Academics .table > tbody > tr > td, #Academics .table thead tr th {
        font-size: 11px;
    }

    #Activities .table > tbody > tr > td, #Activities .table thead tr th {
        font-size: 10px;
    }

    #Tuition h4 {
        font-size: 12px;
    }

    .collegelistyok .altyazi {
        font-size: 14px;
    }

    .collegelistyok .buyukyazi {
        font-size: 26px;
    }

    .survey-left-side {
        width: 180px;
    }

    .survey-right-side {
        width: calc(100% - 180px);
    }

    .inner-banner .survey-logo-middle {
        font-size: 1.1em;
    }

    .quizsag {
        width: 220px !important;
    }

    .quizorta {
        width: calc(100% - 220px);
    }

    /*.quizlistimg {
        width: 160px;
    }

    .quizlistcontent {
        float: left;
        width: calc(100% - 170px);
        margin-left: 10px;
    }

    .quizlistdesc {
        height: 45px;
    }
    }
*/
}
    @media (max-width: 530px) {
        #chartdiv {
            margin-top: 60px;
        }

        #Academics .table > tbody > tr > td, #Academics .table thead tr th {
            font-size: 10px;
        }

        #Activities .table > tbody > tr > td, #Activities .table thead tr th {
            font-size: 10px;
        }

        #Tuition h4 {
            font-size: 10px;
        }

        .quiz-title {
            font-size: 1.1em;
        }

        .quizlistdesc {
            font-size: 0.8em;
        }
    }

    @media (min-width: 519px) and (max-width:990px ) {

        /*#carouselResponsive {

        display: none;

    }*/

    }




    @media (max-width: 518px) {
        .body-content {
            margin-top: 50px;
        }

        .LanguageText {
            color: black;
            font-size: 15px;
        }

        .list-inline {
            text-align: center;
            float: left;
            list-style-type: none;
            transition: margin .1s, padding .1s, border 1s;
        }

        .LanguageText:hover {
            /*margin-top: -3px;
    transition: margin .2s, padding .2s;*/
            border-bottom-width: 6px;
            font-weight: bold;
            color: #000080 !important;
        }

        #CollegeRankingPage {
            margin-top: 10px;
        }

        .page-header .headersearchyanidivi {
            width: 100%;
        }

        .page-header .headersearchdivi {
            margin-top: 10px;
            width: 100%;
            height: 43px;
            border-bottom: 1px solid #e1e1e1;
            padding-left: 8px;
            padding-right: 8px;
        }

        #HeaderMenu, #HeaderMenu .col-xs-9 {
            padding-right: 0;
        }

        .page-header .page-header-top .menu-toggler {
            display: block;
        }

        .page-header .page-header-top .top-menu {
            height: 20px;
        }

        .page-header .page-header-menu {
            background: #fff;
            padding: 0;
            height: auto;
            display: none;
        }

            .page-header .page-header-menu .hor-menu .navbar-nav > li {
                height: 34px;
            }

                .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
                    line-height: 13px;
                    text-align: left;
                }

        #userpanel h5 {
            font-size: 0.8em;
        }


        .inner-banner .survey-logo-middle {
            font-size: 1.0em;
        }

        #mainortarenklitoplar {
            margin: 10px 0px;
        }

            #mainortarenklitoplar .renklitoplar {
                font-size: 16px;
                padding-top: 70px;
                padding-bottom: 30px;
            }

                #mainortarenklitoplar .renklitoplar .ToplarText {
                    font-size: 13px;
                }

        .ReviewsTab .ReviewSchool > a > h4 {
            font-size: 12px;
            margin-bottom: 5px;
            margin-top: 5px;
        }

        #main-survey {
            margin: 24px 10px 40px 10px;
        }



        .survey-left-side {
            display: none;
        }

        .survey-right-side {
            width: 100%;
            margin-top: 0;
        }

        .school-search span {
            font-size: 11px;
        }

        .collegelistyok .altyazi {
            font-size: 12px;
        }

        .collegelistyok .buyukyazi {
            font-size: 22px;
        }

        .headerPageSearch {
            width: calc(100% - 15px);
        }
    }

    @media (max-width: 435px) {
        /*.page-footer .socials img {
            margin: 0 5px;
        }*/

        .body-content {
            min-height: calc(100% - 164px);
        }

        .page-footer .socials {
            margin-top: 10px;
        }

        #SignUpWindowDocument, #FeedBackWindow .modal-dialog {
            width: 95% !important;
        }

        #SignUpWindow .modal-body {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

        #LoginWindowDocument {
            width: 95% !important;
        }

        .GeneralInfoFormDivi {
            font-size: 0.9em;
        }

        .quizsag {
            width: calc(100% - 20px) !important;
            padding: 0 0 0 10px;
        }

        .quizorta {
            width: calc(100% - 10px);
        }
    }

    @media (max-width: 385px) {
        #mainortarenklitoplar {
            margin: 0px;
        }

            #mainortarenklitoplar .renklitoplar {
                font-size: 12px;
                padding-top: 50px;
                padding-bottom: 20px;
            }

                #mainortarenklitoplar .renklitoplar .ToplarText {
                    font-size: 11px;
                }

        .body-content {
            min-height: calc(100% - 145px);
        }

        .page-footer .socials img {
            margin: 0 0px 8px 8px;
            width: 30px;
        }

        #language-dropdown {
            margin-top: 4px;
        }

            #language-dropdown .siyahtext, .page-header.smaller .page-header-top a#language-dropdown .siyahtext {
                font-size: 10px;
            }

        .page-header .page-header-top .top-menu .btn.siyahtext {
            padding: 0px 2px 0 0;
            font-size: 10px;
        }

        .page-header .page-header-top .top-menu {
            margin-top: 4px;
            margin-left: 20px;
        }

        .sehirfotoyazisi {
            padding: 5px;
            font-size: 16px;
        }

        .SchoolName > h3 {
            font-size: 15px;
        }

        .SchoolDetailRating {
            background-color: none;
            border-left: none;
            float: right;
        }

        .SchooleDetailRatingText {
            display: none;
        }

        #school-rating {
            width: 200px;
        }

        /*.quizlistimg {
        width: 120px;
    }

    .quizlistcontent {
        float: left;
        width: calc(100% - 130px);
        margin-left: 10px;
    }

    .quiz-title {
        height: 15px;
    }

    .quizlistdesc {
        height: 45px;
    }*/
    }

    @media (max-width:1549px) {
        .compare-row {
            font-size: 10px;
        }

        /*.TopBannerMain > li:nth-child(1) {
            border-bottom: #00b5e4 4px solid;
  
        }*/

        /*.TopBannerMain > li:nth-child(2) {
            border-bottom: #a2a2a2 4px solid;
            width: 50%;
        }*/
    }

    @media (max-width:480px) {
        .compare-row {
            font-size: 10px;
        }

        .TopMenuMain > li:nth-child(1) {
            text-align: left;
            border-bottom: #212121 4px solid;
            width: 100%;
        }

        .TopMenuMain > li:nth-child(2) {
            border-bottom: #dc4b48 4px solid;
            width: 100%;
        }

        .TopMenuMain > li:nth-child(3) {
            border-bottom: #00AEE0 4px solid;
            width: 100%;
        }

        .TopMenuMain > li:nth-child(4) {
            border-bottom: #0d764d 4px solid;
            width: 100%;
        }

        /*.TopBannerMain {
            margin-left: 0;
            display: block;
            width: 100%;
        }*/

        .TopMenuMain > li:nth-child(5) {
            border-bottom: #13a169 4px solid;
            width: 100%;
        }

        /*.TopBannerMain > li:nth-child(1) {
            border-bottom: #00b5e4 4px solid;
   
        }

        .TopBannerMain > li:nth-child(2) {
            border-bottom: #a2a2a2 4px solid;
            width: 50%;
        }*/
    }

    @media (max-width:767px) {
        #kucuk-siyah-user {
            margin-right: 10px;
            margin-top: 2px;
        }
    }

    @media (max-width:518px) {
        #logodiv {
            position: absolute;
            margin-left: 8px;
        }

        #headersearchmaindivi {
            width: 100%;
        }

        .headersearchyanidivi {
            height: 40px;
        }

        #user-profile-panel {
            padding-top: 10px;
        }

        .siyahtext {
            font-size: 8px;
            margin-right: 5px;
            margin-bottom: 10px;
        }

        #user-profile-edit img {
            height: 110px;
        }
    }

    @media (max-width:767px) {
        /*#LoginWindowDocument {
        margin-left: 23%;
    }*/

        #newrankingustbtns label.city-green {
            margin-bottom: 2px;
        }

        #MainNewsBanner {
            margin-right: 12px;
        }
    }

    @media (max-width: 1264px) {
        #CollegeRankingPage {
            margin-left: 12px;
        }
    }

    @media (max-width: 1270px) {
        #MainNewsBanner {
            margin-left: 12px;
        }
    }