@media only screen and (min-width: 769px) {
    html.homePage::before {
    display:none !important;
}

    div.homePage::before {
        content: "";
        background-image: url(../images/bg_yeni.png);
        height: 235px;
        background-position: center;
        background-color: #3b0072;
        display: block;
        position: absolute;
        top: 0px;
        width: 100%;
        background: rgb(25,102,123);
        background: -moz-linear-gradient(232deg, rgba(25,102,123,1) 0%, rgba(10,142,165,1) 40%, rgba(25,102,123,1) 60%, rgba(25,102,123,1) 100%);
        background: -webkit-linear-gradient(232deg, rgba(25,102,123,1) 0%, rgba(10,142,165,1) 40%, rgba(25,102,123,1) 60%, rgba(25,102,123,1) 100%);
        background: linear-gradient(232deg, rgba(25,102,123,1) 0%, rgba(10,142,165,1) 40%, rgba(25,102,123,1) 60%, rgba(25,102,123,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b0072", endColorstr="#3b0072", GradientType=1);
        display: block !important;
        transition: 500ms ease-in-out all;
    }
 .wrapper::-webkit-scrollbar {
width:8px
}
.wrapper::-webkit-scrollbar-track {
background:#098da4
}
.wrapper::-webkit-scrollbar-thumb {
 background-color: #3b0072;
height:200px;
}
body.sticky .header { position: inherit; }
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus { background-color: #077183; border-color: #077183; box-shadow: none; }
.wrapper { width: 960px !important; margin-top: 0px !important; border-radius: 0 !important; min-height: 100vh; display: block; margin: auto; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); z-index: 2; position: relative; overflow-x: hidden; }
section { width: 960px; left: 0px; position: absolute; height: calc(100vh - 50px); }
.wrapper { }
.header {/* width: 960px; *//* margin-top: 5vh; */ }
.accountStatic .accountDate { width: calc(50% - 7.5px); float: left; }
.accountStatic .accountNextDate { font-size: 18px; height: 70px; line-height: 66px; }
.one .accountSelect { width: 50%; float: left; height: 99px; margin-top: 65px; background: #fff; }
.ustMenu { position: absolute; top: 100px; z-index: 999; background: rgb(241, 241, 241); height: 100vh; right: -250px; width: 250px; box-shadow: 0px 10px 0px #000; transition: 500ms all; border-left: 1px solid #fff; }
.ustMenu ul { }
.ustMenu ul li { border-bottom: 1px solid rgb(220, 220, 220); }
.ustMenu ul li a { display: block; font-size: 18px; padding: 20px; color: #000; background: rgba(255, 255, 255, 0); }
.ustMenu ul li a:hover { color: #bf0a14; transition: 300ms all; background: rgba(255, 255, 255, 1); }
.wrapper.menu-open .ustMenu { right: 0px; box-shadow: 0px 110px 510px #000; }
.wrapper.menu-open .bgOverlay { opacity: 1; visibility: visible; pointer-events: auto; }
.logo { display: none; }
.loginPage { width: 680px; margin: auto; display: block; left: 0; float: none; position: initial; }
.loginType { width: 100%; display: inline-block; max-width: 100%; }
.loginType a { width: calc(50% - 20px); float: left; margin: 0 10px; }
.homeLink ul li { width: 16.66%; float: left; margin-top: 60px; }
a.musteriol-btn { font-size: 16px; height: 40px; line-height: 38px; }
.loginForm { width: 330px; }
.backBtn { position: absolute; }
.loginTypePage .pageTitle { font-size: 40px; }
.newPassword { width: 320px; }
.mobilMenu { width: 320px; transform: translateX(-480px); position: fixed; left: 50%; top: inherit; }
.mobilMenu.active { transform: translateX(0%); left: 50%; transform: translateX(-120%); top: initial; bottom: 0%; }
.homePage .pageTitle { font-size: 32px; }
.accountName { font-size: 20px; }
.accountSelect { font-size: 18px; }
.accountBar { height: 100px; border-radius: 210px; padding: 13px; }
.accountBar .line { height: 75px; -webkit-border-top-left-radius: 100px; -webkit-border-bottom-left-radius: 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-bottomleft: 100px; border-top-left-radius: 100px; border-bottom-left-radius: 100px; }
.accountBar .line.active:before { height: 80px; width: 2px; }
.completed { font-size: 18px; top: 40px; left: 40px; }
.total { font-size: 18px; right: 40px; top: 40px; }
.accountStatic .accountPart ul li { font-size: 16px; }
.accountStatic .accountPart ul li strong { font-size: 18px; width: 220px; }
.container { padding: 0px 50px; }
.accountStatic .accountNextDate i { font-size: 24px; height: 54px; width: 54px; line-height: 54px; }
.accountStatic .accountNextDate span { float: none; }
.accountList { width: 100%; }
.menuBtn { margin-left: 20px; display: none; }
a.tel { margin-right: 20px; }
.box { display: block; float: left; margin-bottom: 50px; }
.accountList ul li ul li { font-size: 16px; line-height: 24px; }
.ac_title { font-size: 16px; }
.tabmenu li { font-size: 22px; line-height: initial; }
.accordionContent ul { font-size: 16px; line-height: 28px; }
.other ul li { font-size: 16px; line-height: 24px; }
.musteriForm.referansEkle .formTitle { font-size: 18px; }
.box.canliyayinPage iframe { height: 500px; }
.header { display: none; }
div.homePage::before { height: 130px; }
html.homePage {background: url(../images/bg_yeni.png) #158ea6;background-size: cover;background-attachment: fixed;}
html.homePage .wrapper {padding-left: 320px;background: #fff;padding-top: 0px;}
}


@media only screen and (min-height:700px) {
.logoBig { margin: 15vh auto 30px }
 .tabpage {max-height: 245px;overflow: auto;}

}

@media only screen and (max-width:768px) {
.ustMenu, .bgOverlay { display: none }
section { -webkit-transition: -webkit-transform .3s }
.login_page { width: 100% }
 .tabpage {max-height: 245px;overflow: auto;}

}

@media only screen and (max-height:600px) {
.mobilMenu ul li a { font-size: 16px; padding: 13px 0 }
}
@media only screen and (max-width:411px) {
    .mobileContainer {
        height: 588px !important;
        overflow: auto !important;
    }
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
    .header {
        top: 20px;
    }
    .mobileContainer {
        width: 100% !important;
        display: flow-root !important;
        margin: auto !important;
        padding: 0 30px !important;
        height: 735px !important;
        overflow: auto !important;
    }
}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
    .header {
        top: 20px;
    }
    .mobileContainer {
        width: 100% !important;
        display: flow-root !important;
        margin: auto !important;
        padding: 0 30px !important;
        height: 100% !important;
        overflow: auto !important;
    }
}

@media only screen and (max-width:360px) {
.ustMenu, .bgOverlay { display: none }
section { -webkit-transition: -webkit-transform .3s }
.login_page { width: 100% }
 
}
@media only screen and (max-width:320px) {
    .mobileContainer {
        height: 510px !important;
        overflow: auto !important;
    }
}

@media only screen and (max-height : 568px) and (orientation : portrait) { /* STYLES GO HERE */
.container { width: 100%; padding: 20px }
.homePage .pageTitle { line-height: 30px; width: 100%; font-size: 20px; padding-top: 20px }
.mobilMenu ul li a { font-size: 14px; padding: 10px 0 }
.menuSocial a { font-size: 14px }
.logoBig { width: 160px; margin: 2vh auto; }
.mobilMenu ul li a {font-size: 18px;color: #fff;display: block;padding: 15px 10px;}
.loginType a.kurumsal-btn { margin-top: 10px; }
a.musteriol-btn { margin-top: 20px; }
.homeLink ul li a img { width: 30px; }
.homeLink ul li a { font-size: 16px; line-height: 16px; }
.homeLink ul li a i { margin-bottom: 10px; }
a.musteriol-btn { font-size: 12px; }
.loginForm .form-group input { height: 40px !important; }
.btn-primary { height: 40px; }
a.sifremiUnuttumBtn { font-size: 14px; }
form .label { top: 8px; }
form input:focus + span { transform: translateY(-16px) scale(0.75); }
form input:not(:placeholder-shown) + span { transform: translateY(-17px) scale(0.75); }
.loginTypePage .pageTitle { font-size: 20px; }
.homeLogo { width: 90px; }
.shadow { margin-left: -15px; }
.loading { width: 200px; }
 .tabpage {max-height: 200px;overflow: auto;}
}

@media only screen and (max-height: 480px) {
.container { width: 100%; padding: 20px }
.homePage .pageTitle { line-height: 30px; width: 100%; font-size: 20px; padding-top: 20px }
.mobilMenu ul li a { font-size: 14px; padding: 10px 0 }
.menuSocial a { font-size: 14px }
.logoBig { width: 110px; margin: 2vh auto; }
.loginType a { height: 40px; line-height: 34px; font-size: 18px; }
.loginType a.kurumsal-btn { margin-top: 10px; }
a.musteriol-btn { margin-top: 20px; }
.homeLink ul li a img { width: 30px; }
.homeLink ul li a { font-size: 12px; line-height: 14px; }
.homeLink ul li a i { margin-bottom: 5px; }
a.musteriol-btn { font-size: 12px; }
.loginForm .form-group input { height: 40px !important; }
.btn-primary { height: 40px; }
a.sifremiUnuttumBtn { font-size: 14px; }
form .label { top: 8px; }
form input:focus + span { transform: translateY(-16px) scale(0.75); }
form input:not(:placeholder-shown) + span { transform: translateY(-17px) scale(0.75); }
.loginTypePage .pageTitle { font-size: 20px; }
.homeLogo { width: 90px; }
.shadow { margin-left: -15px; }
.loading { width: 200px; }
}