span.serkirye {
     padding: 0px 6px;
}
 span.kayitbilgi {
     padding: 0px 15px;
}
 a.bilgi {
     color: #fff;
}
 a.bilgi:hover{
     color: #000;
}
 li span.kayitbilgi.al{
     border-right: 1px solid #51877C;
}
 li span.kayitbilgi.ol {
     border-left: 1px solid #86DBCB;
}
 a.logo-pervane {
     position: absolute;
     margin-left: -7px;
     margin-top: -3px;
}
 .sticky-header a.logo-pervane {
     margin-left: -4px;
}
 .pervane {
     -webkit-animation: pervane 5s infinite;
     -moz-animation: pervane 5s infinite;
     -ms-animation: pervane 5s infinite;
     animation: pervane 5s infinite;
     -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
     -ms-animation-timing-function: linear;
     animation-timing-function: linear 
}
 @keyframes pervane {
     100%{
         -moz-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
         transform: rotate(360deg) 
    }
}
 img.pervane {
     width: 48% !important;
     height: 100% !important;
     margin: 11px 0 0 10px;
}
 .sticky-header img.pervane {
     margin: 7px 0 0 5px;
}
 .sticky-header #logo {
     margin-top: 0px;
}
 .i-large.i-bordered, .i-large.i-circled, .i-large.i-plain, .i-large.i-rounded {
     margin: 6px 0px 7px 0;
     font-size: 34px;
     padding: 0 15px;
}
 .anaokulu i.anaokulu-icon{
     width: auto !important;
     height: 52px;
     background-color:#fff;
     border: 1px solid #3568b3;
     color: #3568b3;
}
 .anaokulu .anaokulu-yazi{
     width:auto;
     height: 52px;
     background-color:#3568b3;
     border: 1px solid #3568b3;
     color: #fff;
     padding:0 33px 0 33px 
}
 .anaokulu .anaokulu-yazi:hover{
     background-color:#3568b3;
}
 .ilkokul i.ilkokul-icon{
     width: auto !important;
     height: 52px;
     background-color:#fff;
     border: 1px solid #B7CC00;
     color: #B7CC00;
}
 .ilkokul .ilkokul-yazi{
     width:auto;
     height: 52px;
     background-color:#B7CC00;
     border: 1px solid #B7CC00;
     color: #fff;
     padding: 0 33px 0 33px;
}
 .ilkokul .ilkokul-yazi:hover{
     background-color:#B7CC00;
}
 .ortaokul i.ortaokul-icon{
     width: auto !important;
     height: 52px;
     background-color:#fff;
     border: 1px solid #54afe5;
     color: #54afe5;
}
 .ortaokul .ortaokul-yazi{
     width:auto;
     height: 52px;
     background-color:#54afe5;
     border: 1px solid #54afe5;
     color: #fff;
     padding: 0 33px 0 33px;
}
 .ortaokul .ortaokul-yazi:hover{
     background-color:#54afe5;
}
 .liseli i.liseli-icon{
     width: auto !important;
     height: 52px;
     background-color:#fff;
     border: 1px solid #3568b3;
     color: #3568b3;
}
 .liseli .liseli-yazi{
     width:auto;
     height: 52px;
     background-color:#3568b3;
     border: 1px solid #3568b3;
     color: #fff;
     padding: 0 45px 0 45px;
}
 .liseli .liseli-yazi:hover{
     background-color:#3568b3;
}
 .anaokulu, .ilkokul, .ortaokul, .liseli {
     display: inline-block;
     float: left;
}
 .zust{
     margin-bottom: 0px !important;
     background: transparent !important;
         margin-top: -45px;
    z-index: 1;
    top: 30px;
}
/* EĞİTİM ALANLARIMIZ */
 .egitim-alanlari{
     background-color: #fff;
     position: relative;
}
 .egitim-alanlari h1, .egitim-alanlari h2, .egitim-alanlari h1, .egitim-alanlari h2, .egitim-alanlari h3, .egitim-alanlari h4 {
     margin-bottom: 0;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0px;
     color: #333;
     position: relative;
    /* background-color: #fff;
     */
}
 .alanlarimiz h2 {
     color: #C96072;
     font-weight: 100;
}
 .alanlarimiz .heading-block:after {
     border-top: 9px solid #3568b3;
}
 .haberler h2 {
     color: #B7CC00;
     font-weight: 100;
}
 .haberler .heading-block:after {
     border-top: 9px solid #B7CC00;
     ;
}
 .ikonkutu{
     background-color: rgba(113, 177, 130, 1);
     float: left;
     width: 55px;
}
 .yazikutu {
     width: auto;
    /* height: 55px;
     */
     float: left;
     padding: 7px 10px;
     position: relative;
     background-color: #54afe5;
     border-left: 7px #3568b3 solid;
}
 .ok{
     width:0px;
     height:0px;
     -webkit-transition:height .5s ease-in-out;
     -o-transition:height .5s ease-in-out;
     transition:height .5s ease-in-out 
}
 .saga{
     border-left: 10px solid rgba(0, 0, 0, 0.25);
     border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
}
 .yazisi {
     font-size: 15px;
     font-weight: 600;
}
 .ikonu {
     padding: 0px;
}
 .egitim-alanlarimiz a{
     color: #fff;
}
 .egitim-alanlarimiz a:hover {
     color: #000;
}
 a.alanlar{
     float: left;
     padding: 10px;
}
 a.kutu:hover .ok {
     margin-left: 3px;
     -webkit-transition:-webkit-transform .3s,opacity .3s;
     -webkit-transform:scale(1.3);
     -moz-transition:-moz-transform .3s,opacity .3s;
     -moz-transform:scale(1.3);
     -ms-transform:scale(1.3);
     transition:transform .3s,opacity .3s;
     transform:scale(1.3);
}
 .alanlarimiz-hepsi{
     margin-left: -10px;
}
 .opasity-25{
     opacity: 0.25;
     width: 100%;
     height: 100%;
     float: left;
     position: absolute;
     left: 0px;
     top: 0px;
}
 .dogal-yasam .yazisi{
     color: #71B182;
}
 .dogal-yasam .opasity-25, .dogal-yasam .ikonu{
     background-color: #71B182;
}
 .zanaat .yazisi{
     color: #D2AAAE;
}
 .zanaat .opasity-25, .zanaat .ikonu{
     background-color: #D2AAAE;
}
 .teknoloji .yazisi{
     color: #5B84A1;
}
 .teknoloji .opasity-25, .teknoloji .ikonu{
     background-color: #5B84A1;
}
 .yabanci-dil .yazisi{
     color: #EDB900;
}
 .yabanci-dil .opasity-25, .yabanci-dil .ikonu{
     background-color: #EDB900;
}
 .ulusal-ve-evrensel-degerler .yazisi{
     color: #5AB4A1;
}
 .ulusal-ve-evrensel-degerler .opasity-25, .ulusal-ve-evrensel-degerler .ikonu{
     background-color: #5AB4A1;
}
 .sosyal-kulturel-model .yazisi{
     color: #876D72;
}
 .sosyal-kulturel-model .opasity-25, .sosyal-kulturel-model .ikonu{
     background-color: #876D72;
}
 .akademik-model .yazisi{
     color: #B2A297;
}
 .akademik-model .opasity-25, .akademik-model .ikonu{
     background-color: #B2A297;
}
 .sanat .yazisi{
     color: #C96072;
}
 .sanat .opasity-25, .sanat .ikonu{
     background-color: #C96072;
}
 .ilgi-ve-yetenekler .yazisi{
     color: #EF8540;
}
 .ilgi-ve-yetenekler .opasity-25, .ilgi-ve-yetenekler .ikonu{
     background-color: #EF8540;
}

.deney .yazisi{
     color: #5867dd;
}
 .deney .opasity-25, .deney .ikonu{
     background-color: #5867dd;
}

.gezi .yazisi{
     color: #5B84A1;
}
 .gezi .opasity-25, .gezi .ikonu{
     background-color: #5B84A1;
}
 .es-leader .yazisi{
     color: #8084A7;
}
 .es-leader .opasity-25, .es-leader .ikonu{
     background-color: #8084A7;
}
 a.alt-baslik {
     margin-left: 0px;
}
 .alanlarimiz .heading-block:after, .haberler .heading-block:after {
     margin-top: -15px;
}
 img.hbr-img.w-100 {
     width: 60% !important;
}
 .haberler .carousel-control-prev {
     right: 50px !important;
}
 .haberler .carousel-control-prev, .haberler .carousel-control-next {
     position: absolute;
     top: -54px;
     z-index: 1;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 15%;
     color: #fff;
     text-align: center;
     transition: opacity 0.15s ease;
     height: 15%;
     background: #B7CC00;
}
 .hbr-icon {
     bottom: 0px;
     height: 40px !important;
     width: 45px !important;
}
 .sagsol {
     float: right;
     position: relative;
     margin-top: -45px;
}
 a.sol {
     background-color: #B7CC00;
     font-size: 25px;
     color: #fff;
     margin-right: 10px;
     padding-top: 2px;
     cursor: pointer;
}
 a.sol:hover {
     background-color: #798700;
}
 a.sag {
     background-color: #B7CC00;
     font-size: 25px;
     color: #fff;
     padding-top: 2px;
     cursor: pointer;
}
 a.sag:hover {
     background-color: #798700;
}
 span.icon-caret-left1 {
     padding: 0px 12px;
     font-size: 90%;
}
 span.icon-caret-right1 {
     padding: 0px 15px;
     font-size: 90%;
}
 .hbr-bir{
}
 .hbr-bir-yazi {
     position: absolute;
     max-height: 64%;
     background: #f5f5f0;
     max-width: 50%;
     right: 0;
     justify-content: center;
     padding: 5px 15px 6px;
     vertical-align: middle;
     bottom: 20%;
     overflow: hidden;
     color: #616160;
     line-height: 25px;
     font-size: 17px;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     font-weight: 300;
     text-transform: uppercase;
	 z-index: 1;
	 border-radius:3px;
}
 .hbr-bir-yazi:after {
     content: "";
     text-align: right;
    /* sağa yaslıyoruz */
     position: absolute;
    /* absolute - bağımsız değerini veriyoruz */
     bottom: 0;
    /* aşağı yaslıyoruz */
     right: 0;
    /* sağa yaslıyoruz */
     width: 50%;
    /* genişliğin %50'sini alıyoruz */
     height: 1.6em;
    /* yüksekliği yazı boyutunuza göre değiştirin */
     background: linear-gradient(to right, rgba(238,238 ,217, 0), rgba(245, 245, 240) 50%);
    /* soldan transparan bağlayarak sağa doğru beyazlaşan arkaplan*/
}
 .haberlerimiz {
     position: relative;
}
 .hbr-devami {
     display: block;
     position: absolute;
     bottom: -2%;
     right: -5px;
}
 .hbr{
     display: block;
     position: relative;
     margin-bottom: 40px;
}
 span.tarih{
     color: #B0B0B0;
}
 .parallax-kutu {
     padding: 40px 70px 55px;
     background-color: rgba(90,180,161, 0.7);
     font-size: 18px;
     line-height: 2;
     height: 95%;
     margin-bottom: auto;
}
 .koseler-sag {
     border-bottom: 1px rgba(90,180,161, 1) solid;
     border-right: 1px rgba(90,180,161, 1) solid;
     width: 43px;
     position: absolute;
     float: right;
     margin-left: -27px;
     margin-top: 27px;
     height: 4%;
}
 .koseler-sol {
     border-top: 1px rgba(90,180,161, 1) solid;
     border-left: 1px rgba(90,180,161, 1) solid;
     width: 43px;
     position: absolute;
     float: right;
     margin-left: -17px;
     margin-top: -6px;
     height: 4%;
}
 .atolyeler {
     opacity: 0.2;
     -webkit-filter: drop-shadow(5px 5px 5px #774e00 );
     filter: drop-shadow(5px 5px 5px #774e00);
     position: absolute;
     width: 100%;
     top: -13px;
     z-index: -1;
}
 span.atolyeler-baslik {
     padding: 20px 40px;
     background: rgba(255, 255, 255, 0.6);
     width: 100%;
     color: #444 !important;
     font-weight: 100;
}
 h1, h2, h3, h4, h5, h6 {
     font-weight: 100;
}
 .emphasis-title h1, .emphasis-title h2, .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4 {
     font-weight: 100;
}
 .center{
     text-align: center;
}
 .aktivite-hover .btn {
     display: inline-block;
     font-weight: 400;
     color: #212529;
     text-align: center;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border: 0px solid transparent;
     padding: 0.375rem 0.55rem;
     font-size: 0.7rem;
     line-height: 1;
     border-radius: 0rem;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
 #footer.dark .btn {
     display: inline-block;
     font-weight: 300;
     color: #ccc;
     text-align: center;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border: 0px solid transparent;
     padding: 0.375rem 0.55rem;
     font-size: 0.62rem;
     line-height: 1;
     border-radius: 0rem;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     opacity: 0.8;
     margin: 3px 1px;
     text-align: left;
}
 .rnk-yazi-koyuyesil{
     color:#8EBD22!important ;
}
 .rnk-yazi-gezi{
     color:#5B84A1!important ;
}
 .rnk-yazi-egitim{
     color:#D2AAAE!important ;
}
 .rnk-yazi-spor{
     color:#EDB900!important ;
}
 .rnk-yazi-sinav{
     color:#C96072!important ;
}
 .rnk-yazi-dogal-yasam{
     color:#71B182!important ;
}
 .rnk-yazi-ilgi-ve-yetenek{
     color:#EF8540!important ;
}
 .rnk-yazi-tumu{
     color:#8EBD22!important ;
}
 .btn-footer, .rnk-zemin-footer{
     background-color:rgba(0,0,0,.2) ;
     color: #fff 
}
 .btn-koyuyesil, .rnk-zemin-koyuyesil{
     background-color:#8EBD22 ;
}
 .btn-gezi, .rnk-zemin-gezi{
     background-color:#5B84A1 ;
}
 .btn-egitim, .rnk-zemin-egitim{
     background-color:#D2AAAE ;
}
 
 .btn-sinav, .rnk-zemin-sinav{
     background-color:#C96072 ;
}
 .btn-dogal-yasam, .rnk-zemin-dogal-yasam, .btn-zemin-dogal-yasam{
     background-color:#71B182 ;
}.btn-ilgi-ve-yetenek, .rnk-zemin-ilgi-ve-yetenek{
     background-color:#EF8540 ;
}
 
.btn-deney, .rnk-zemin-deney{
     background-color:#5867dd ;
	
} 


.btn-tumu, .rnk-zemin-tumu{
     background-color:#8EBD22 ;
}
    
 .btn-zemin-sosyal-ve-kulturel, .rnk-zemin-sosyal-ve-kulturel, .btn-sosyal-ve-kulturel {
     background-color:#D2AAAE;
}
 .btn-zemin-seminerler, .rnk-zemin-seminerler, .btn-seminerler {
     background-color:#9b549c;
}

.btn-zemin-akademik, .rnk-zemin-akademik, .btn-akademik {
     background-color:#B2A297;
}
.btn-zemin-sanat, .rnk-zemin-sanat, .btn-sanat {
     background-color:#C96072;
}

.btn-zemin-yabanci-dil, .rnk-zemin-yabanci-dil, .btn-yabanci-dil {
     background-color:#588dc5;
}
.btn-zemin-teknoloji, .rnk-zemin-teknoloji, .btn-teknoloji {
     background-color:#5B84A1;
}
.btn-zemin-ilgi-ve-yetenekler , .rnk-zemin-ilgi-ve-yetenekler , .btn-ilgi-ve-yetenekler  {
     background-color:#EF8540;
}
.btn-zemin-spor, .rnk-zemin-spor, .btn-spor {
     background-color:#EDB900;
}

 
 
 .btn-zemin-ulusal-ve-evrensel-degerler {
     background-color:#5AB4A1;
} 
 
 
 
 .btn-zemin-es-leader {
     background-color:#8084A7;
}
 .aktiviteler .heading-block .h2 {
     color:#8EBD22 
}
 .aktiviteler .heading-block:after {
     border-top: 9px solid #8EBD22;
}
 .okkutu h4 a {
     color: #fff;
}
 .okkutu {
     padding: 10px 25px;
}
 .okkutu i.icon-caret-right {
     font-size: 40px;
     position: absolute;
     left: -1px;
     margin-top: -19px;
     opacity: 0.7;
}
 .okkutu h4 {
     margin: 0px;
}
 .okkutu span {
     color: #fff;
     line-height: 23px;
}
 .aktivite-hover {
     bottom: 10px;
     float: left;
     position: absolute;
     left: 10px;
}
 .aktivite-hover-tarih {
     color: rgba(255,255,255,0.7);
     font-size: 0.7rem;
}
 #footer.dark, .dark #footer {
     background-color: #3a3d49;
     color: #ccc;
     border-top-color: #40434f;
}
 .dark #copyrights {
     background-color: #292b33;
     color: rgba(255,255,255,.25);
     text-shadow: 1px 1px 1px rgba(0,0,0,.1);
}
 #footer.dark .heading-block:after {
     border-top: 9px solid #55D5ED;
}
 #footer .footer-widgets-wrap {
     position: relative;
     padding: 20px 0;
}
 .hover:hover {
     color: #fff!important;
     background-color: #343a40;
     border-color: #343a40;
}
 .mailim{
     padding:15px 5px;
}
 .ftr-sosyal{
}
 .egitim-alanlarimiz {
     float: left;
     display: block;
     padding: 4px 3px;
}
 .row.pagetitlem{
     display: block !important;
}
 .mtop-60 {
     margin-top: 60px;
}
 #page-title h2 {
     color: #bfbebe;
     text-transform: uppercase;
}
section#slider {
	margin-top: -45px;
}

.fancy-title.title-double-border h2 {
    margin-top: -5px;
}

  @media(max-width:1024px){

     #primary-menu-trigger {
         top: -65px;
         margin-top: 0;
         left: 246px;
         background-color: #e0e0e0;
    }
     #top-bar {
         line-height: 44px;
         font-size: 12px;
    }
}
 @media(max-width:768px) {
 
	 .mtop-60 {
    margin-top: 20px;
}
	 .fancy-title.title-double-border {
    padding: 1px;
}
	 .fancy-title.title-border-color:before, .fancy-title.title-border:before, .fancy-title.title-double-border:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    border-top: 0px double #e5e5e5;
    left: auto;
    top: 46%;
    right: 0;
}
	 
	 .portfolio .portfolio-item {
    width: 100%;
    padding: 7px;
}
	 	  section#slider {
	margin-top: 0px;
}
     .button.button-small {
         padding: 7px 8px;
         font-size: 12px;
         height: AUTO;
         line-height: 12px;
    }
     .button.button-small {
         font-size: 10px;
         letter-spacing: 0px;
    }
     .yazikutu {
         height: 55px;
    }
     #primary-menu-trigger {
         top: -65px;
         margin-top: 0;
         left: 245px;
         background-color: #e0e0e0;
    }
     .slider-caption, .slider-caption.slider-caption-center {
         position: initial;
    }
     .slider-caption p {
         margin-top: 20px;
         margin-bottom: 10px;
         font-size: 24px;
    }
     .swiper_wrapper .slider-caption h2 {
         font-size: 1.9rem;
    }
     .container.clearfix.sliderim {
         margin-top:0px;
         position: absolute;
         padding-left: 0 !important;
         padding-right: 0!important;
    }
     #header-wrap .container {
         box-shadow: 0 0 10px rgba(0,0,0,.0);
    }
     #page-title h2 {
         font-size: 18px;
    }
     .row.pagetitlem{
         margin-right: 0px;
         margin-left: 0px;
    }
     #page-title {
         margin-top: -200px;
         bottom: -30px;
    }
     #header.transparent-header.floating-header .container{
         background-color:rgba(255,255,255, 0);
    }
     .zust {
         margin-top: -60px;
    }
     .anaokulu, .ilkokul, .ortaokul, .liseli {
         width: 100%;
    }
     .i-large.i-bordered, .i-large.i-circled, .i-large.i-plain, .i-large.i-rounded {
         margin: 5px 0px 5px 0;
         font-size: 18px;
         padding: 0 15px;
         width: 66%;
    }
     .egitim-alanlarimiz {
         padding: 4px ;
    }
     span.icon-caret-left1 {
         padding: 0px 10px;
         font-size: 90%;
    }
     a.sol {
         font-size: 19px;
         margin-right: 0px;
    }
     a.sag {
         font-size: 19px;
    }
     span.icon-caret-right1 {
         padding: 0px 10px;
    }
     .hbr-bir-yazi {
         position: absolute;
         max-height: 80%;
         background: #EEEED9;
         max-width: 50%;
         right: 0;
         justify-content: center;
         padding: 5px 15px 6px;
         vertical-align: middle;
         bottom: 22%;
         overflow: hidden;
         color: #616160;
         line-height: 21px;
         font-size: 12px;
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
         font-weight: 300;
    }
     .haberlerimiz .button-mini i {
         display: none;
    }
     .haberlerimiz span.tarih {
         font-size: 8px;
    }
}
 @media(max-width:425px) {
     #primary-menu-trigger {
         top: -65px;
         margin-top: 0;
         left: 360px;
         background-color: #e0e0e0;
    }
     img.pervane {
         width: 42% !important;
         height: 100% !important;
         margin: 11px 0 0 10px;
    }
     .swiper_wrapper .slider-caption h2 {
         font-size: 0.9rem;
    }
     .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
         height: 140px!important;
    }
     .swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
         height: 180px!important;
    }
     #page-title h2 {
         font-size: 18px;
         margin: 0px 0px;
    }
     #page-title {
         margin-top: -2px;
         bottom: -2px;
    }
     .copyrights-menu {
         margin-top: -55px;
         font-size: 12px;
    }
     .copyright-links {
         position: absolute !important;
         left: 0px;
         bottom: 0px;
    }
}

#tebrik {
padding-top: 80px; background-color: #fff; padding-bottom: 0px;}

.tebrik.related-portfolio {
margin-top: -158px;
    background-color: #fff;
    padding: 40px;
  
    border-radius: 3px;
}

.tebrik.alert  {
    width: 150%;
    position: absolute;
    z-index: 1;
}
.tebrik p {
margin-bottom: 0px !important
 }
 .h-285  {
height: 285px;
 }


/* açık tabela butonu sallama baş */
@-webkit-keyframes swinging{
	0%{-webkit-transform: rotate(10deg);}
	50%{-webkit-transform: rotate(-5deg)}
	100%{-webkit-transform: rotate(10deg);}
}

@keyframes swinging{
	0%{transform: rotate(10deg);}
	50%{transform: rotate(-5deg)}
	100%{transform: rotate(10deg);}
}

.salla {
     -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
    animation: swinging 3.5s ease-in-out forwards infinite;
}

 .yerlestir  {
    position: absolute;
    width: 140px;
    z-index: 1;
    top: 64px;
    right: 46%;
}
 
/* açık tabela butonu sallama son */




 @media(max-width:1024px) {
	 .tebrik.related-portfolio {
    margin-top: -100px;
 }
	 
#primary-menu.sub-title ul>li>a {
    padding-left: 5px;
    padding-right: 5px;
}
	 #primary-menu ul li>a {
     font-weight: 700;
    font-size: 11px;
 
}
	 .top-links li>a {
 		 font-size: 11px;
	 }
	 
}
img.kampus-img {
    float: left;
    z-index: 1;
    position: relative;
    width: 50%;
    margin-right: 20px;
    margin-bottom: 20px;
}


 @media(max-width:768px) {
	 
	 .yerlestir {
    position: absolute;
    width: 120px;
    z-index: 1;
    top: 51px;
    right: 42%;
}
	 
	 
	  .tebrik.related-portfolio {
    margin-top: -40px;
 }
	 
	 #logo a.retina-logo {
    width: 225px;
}
	 img.kampus-img {
    float: left;
    z-index: 999;
    position: relative;
    width: 100%;
     margin-bottom: 20px;
}

	 .col_one_third {
		 margin-left: 0px !important;
    margin-bottom: 10px;
		     width: 100%;
}
	 
	 .copyright-links {
   top: 0px;
    bottom: 25px;
}
	 
	 .alanlarimiz .alanlarimiz-hepsi a.button 
	 {
	margin: 3px;
    padding: 0 5px;
    font-size: 9px;
    line-height: 30px;
    height: 33px

	 }
	 top-links li>a {
 
		 font-size: 11px;}
	 
      .top-links li>a {
     padding: 0 5px;
	 }
     #top-bar {
         font-size: 9px;
    }
     img.pervane {
         width: 48% !important;
         height: 100% !important;
         margin: 11px 0 0 10px;
    }
     #header, #header-wrap, #logo img {
         height:auto;
         -webkit-transition: height .4s ease,opacity .3s ease;
         -o-transition: height .4s ease,opacity .3s ease;
         transition: height .4s ease,opacity .3s ease;
    }
     span.genis {
         position: relative;
    }
     #page-submenu-trigger, #primary-menu-trigger {
    font-size: 20px;
    margin-top: 15px;
    right: 0px !important;
		 left: auto;
}
     .top-links, .top-links ul li {
         float: left;
         position: relative;
    }
     #top-account a.btn i:last-child, #top-cart {
         display: block;
         margin-top: -21px;
         margin-right: 38px;
    }
     div#logo {
         top: -78px;
    }
     #logo img {
         display: block;
    }
}
.none {
	display: none;
}
.block {
	display: block;
}














 @media(max-width:425px) {
	 
	 .yerlestir {
    position: absolute;
    width: 90px;
    z-index: 1;
    top: 50px;
    right: 41%;
}
	 
	 .tebrik.related-portfolio {
    margin-top: -15px;
    background-color: #fff;
     padding: 0px; 
    border-radius: 3px;
}
	 .tebrik.alert {
    width: 100%;
    position: relative;
    z-index: 1;
}
		 #tebrik {
    padding-top: 0px;
}
	 
  	 .portfolio-filter li {
    width: 100%;
    margin: 0px !important;
}
     div#logo {
         top: -100px;
    }
     #primary-menu-trigger {
         left: 373px;
    }
}
 @media(max-width:375px) {
	 .yerlestir {
    position: absolute;
    width: 90px;
    z-index: 1;
    top: 50px;
    right: 38%;
}
	 
     #primary-menu-trigger {
         top: -50px;
         margin-top: 0;
         left: 321px;
    }
     #top-account a.btn i:last-child, #top-cart {
         display: block;
         margin-top: -21px;
         margin-right: 40px;
		
    }
     .button.button.button-small {
         white-space: NORMAL;
    }
     .button.button-small {
         padding: 7px 8px;
         font-size: 12px;
         height: AUTO;
         line-height: 12px;
    }
     .swiper-container.swiper-parent.swiper-container-horizontal.swiper-container-android {
         height: 141px !important;
    }
     .haberlerimiz span.tarih {
         display: none;
    }
     .hbr-bir-yazi {
         position: absolute;
         max-height: 80%;
         background: #EEEED9;
         max-width: 60%;
         right: 0;
         justify-content: center;
         padding: 5px 7px 3px;
         vertical-align: middle;
         bottom: 33%;
         overflow: hidden;
         color: #616160;
         line-height: 18px;
         font-size: 13px;
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
         font-weight: 300;
    }
     .alanlarimiz .ok.saga {
         display: none;
    }
     .ikonkutu {
         width: 35px;
    }
     .yazikutu {
         width: auto;
         height: auto;
    }
     .yazisi {
         font-size: 13px;
    }
     .postcontent, .sidebar {
         margin-bottom: 0px!important;
         padding-bottom: 0px;
         border-bottom:none;
    }
     .entry-title .portfolio-single-content h2 {
         margin: 0 0 20px;
         padding: 0;
         font-size: 20px;
         font-weight: 600!important;
		 
    }
     .entry-title h2 {
         font-size: 20px;
         text-transform: capitalize;
    }
   
   
     .fancy-title h3, .fancy-title h4 {
         margin-top: 0px;
    }  
	
}

 
 #myMap {
         height: 253px;
	  width:100%;
	  
    }
 @media(max-width:320px) {
	 .yerlestir {
    position: absolute;
    width: 70px;
    z-index: 1;
    top: 45px;
    right: 39%;
}
	 
	 
	 #primary-menu-trigger {
    top: -50px;
    left: 270px;
	}
      div#top-bar {
         display: none;
    }
	 #top-account a.btn i:last-child, #top-cart {
    display: block;
    margin-top: -21px;
    margin-right: 36px;
	}
	 div#logo {
    top: -100px;
    left: 20px;
	}
	 
     
}

 .hbslider{
     display: none ;
}
 .hbslider:nth-child(1){
     display: block ;
}
 .hbslider:nth-child(2){
     display: block ;
}

/* bedrettin okul*/
 .col_half.nobottommargin.row.left230 {
     margin-left: 230px;
}
 a.sayfalar {
     width: 100% !important;
     padding: 0 10px !important;
}
 #top-social li a.sayfalar:hover {
     color: #666!important;
}

.katalog.heading-block:after {
    
    border: none;
}
.alt-zemin {
    width: 100%;
    height: 100px;
    background-image: linear-gradient(#e3effb, #a2acb5);
    position: absolute;
    bottom: 0px;
    z-index: 0;
}


.bulut{
    position: absolute;
    width: 100% !important;
    height: 250px;
}

.basliklar {
     top: -13px;
    position: absolute;
     margin-left: 35px;
}



.fancy-title.title-double-border h2 {
    color: #e30613;
}

 #top-bar {
     background-color: #fff;
}


/* diğer siteden */
li.kgk {
    margin-top: 30px;
		position: relative;


}
 a.btn-kgk {
	  height: 30px;
    margin-left: 20px;
    padding: 2px 6px;
    font-size: large;
    font-weight: 900;
    text-decoration: none;
    background-color: #e30713;
    border-radius: 3px;
    color: #fff;

	   transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  }
  a.btn-kgk:hover {
      background-color: #e3071370;

  }

span.cizigi {
	    border-left: 1px solid #999;
    position: absolute;
    margin-left: 5px;
    height: 30px;
    margin-top: 34px;
}

a.btn-kgk.hs {
	  height: 30px;
    margin-left: 200px;
    padding: 12px 6px 2px 6px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    background-color: #e4e0e1;
    border-radius: 3px;
    color: #525468;

	   transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  }
  a.btn-kgk:hover {
      background-color: #ada6a8;

  }


span.cizigi.hs {
	    border-left: 1px solid #999;
    position: absolute;
    margin-left: 5px;
    height: 30px;
    margin-top: 3px;
} 
span.kursu.hs{
	   color: #525468;
	     font-weight: 100;
	 margin-left: -3px;
}
 .title-section.bant {
    background-color: #e4e1e1;
    padding: 115px 0px 20px;
    margin-top: -164px;
}

 .icsayfabanner {
	 margin-bottom: 20px;
}

 span.kursu{
	 color: #fff;
	     font-weight: 100;
	 margin-left: -3px;
}p.turuncu {
	 color: #ed7565;
}
p.yesil {
	 color: #afcb0d;
}
p.turkuaz {
	 color: #89cbc0;
}
 p.mavi {
	 color: #72c8e3;
}p.araf {
	color: #455379;}
p.kirmizi {
	color: #eb5d4e;}
p.sari {
	color: #fada1c;}
p.acikpembe {
	color: #f6af94;}

p.pembe {
	color: #facfbd;}

p.yesilli {
	color: #2bb08b;}

p.kahverengi {
	color: #6f5c64;}

.zigzag-kadar{
 height: 50px;
    width: 152px;


}
.adresi{
  position: absolute;
  display: block;
}
.zigzag{
 height: 50px;
    width: 152px;
    background:
		linear-gradient(225deg, white 35%, transparent 25%) -25px 0,
		linear-gradient(135deg, white 35%, transparent 25%) -25px 0,
		linear-gradient(45deg, white 35%, transparent 25%),
		linear-gradient(315deg, white 35%, transparent 25%);
    background-size: 51px 64px;
    background-color: #ed7565;
    transform: rotate(180deg) scale(0.5);
    margin-left: -33px;

}

.fa-2x.benli {
        vertical-align: -3px;
    padding-right: 25px;
}

@media(min-width:769px) {
.button {
     padding: 5px 8px;
     height: 45px;
 }

	
}