@media screen and (min-width:180px) and (max-width:760px) {
#top-bar-container{width:100%; height:90px}
#top-bar{height:90px;}
#language{width:100%; text-align:center; height:30px;}
#top-social{width:100%; display:flex; padding:0 80px; height:30px;}
#top-social li{width:33%;}
#top-social li a{margin:auto;}
#work-time {width:100%; text-align:center; height:30px;}
#work-time p{float:none;}
#work-time i{display:none;}

.slider-text{padding:0 30px;}
.slider-text p{font-size:18px;}
.slider-text h1{font-size:36px;}
main{padding:10px;}
#habout-wrapper{width:100%; padding:0;}
#habout-container{width:100%; height:auto; display:block; box-shadow:none; -webkit-box-shadow:none;}
#habout-container figure{width:100%;}
#habout-container figure img{width:100%;}
#habout-text{width:100%; padding:10px;}
#rating{padding:20px; margin-bottom:20px;}
#rating h4{font-size:24px;}
#gallery{padding:0;}
#gallery-wrapper{width:100%;}
#gallery-ct{border:none;}
#gallery-ct a{width:50%; height:auto;}
footer{padding:0; margin:0;}
#footer-wrapper{width:100%;}
#footer-logo{padding:20px 40px;}
#footer-logo img{width:100%;}
#footer-nav ul{display:block; width:100%;}
#footer-nav li{width:100%; height:40px; line-height:40px; text-align:center;}
#footer-nav li a{width:100%; height:40px; line-height:40px; text-align:center;}
#footer-bottom{height:auto;}
#footer-info ul{display:block; width:100%;}
#footer-info ul li{width:100%; padding:15px 10px!important; height:auto; line-height:inherit; display:flex; border-bottom:1px solid #333; align-items:center; justify-content:center;}
#footer-info ul li i{height:auto; line-height:inherit;}
#footer-info ul li address{height:auto; line-height:inherit;}
#footer-info ul li a{height:auto; line-height:inherit;}
#footer-info ul:after{clear:both; display:table; content:"";}
#footer-text{height:auto;}
#footer-text ul li{height:30px; line-height:30px; width:100%;}
#footer-text ul li a{height:30px; line-height:30px; text-align:center; display:block;}
#footer-text ul li:after{display:none;}
#footer-info .fa-map-marker{display:none;}
#breadcumb-wrapper{width:100%; text-align:center; height:60px; line-height:60px;}
#breadcumb-wrapper ul{display:none;}
#breadcumb-wrapper h1{float:inherit;line-height:60px;font-size:16px;}
.detail-header{height:250px!important; min-height:250px!important;}
#main-detail{width:100%; padding:10px;}
#galeri li{width:100%; height:auto; margin-right:0; margin-bottom:10px;}
#gallery a{width:100%; height:auto; margin-right:0!important; margin-left:0!important; margin-bottom:10px; position:relative!important; top:auto!important; left:auto!important;}
#about-content{display:block;}
#about-text{width:100%; padding:10px;}
#main-detail h2{margin-bottom:10px;}
#about-content figure{width:100%;}
#about-content:after{clear:both; display:table; content:"";}
#vizyon, #misyon{padding:10px;}
#iletisim-ust{display:block;}
#iletisim-bilgi{width:100%; padding:10px;}
#iletisim-yazi{width:100%; padding:10px;}
#iletisim-bilgi ul li{float:left; height:auto; line-height:inherit;}
#iletisim-bilgi ul li address{text-align:left; float:inherit;}
#iletisim-alt{display:block;}
#iletisim-form{width:100%; padding:10px; background:#fff;}
#iletisim-harita{width:100%; border:10px solid #fff; height:400px;}
#captcha img{width:100%;}
#iletisim-form ul li{margin-bottom:10px;}
.branch-content{display:inline-grid; height:auto; margin-bottom:10px;}
.branch-content:after{clear:both; display:table; content:"";}
.branch-text{width:100%; padding:10px; order:2;}
.branch-content figure{width:100%; order:1;}
.branch-content ul li{float:left;}
#habout-title, #habout-text p{margin-bottom:10px;}
#services{padding:0; margin-top:20px;}
#services-wrapper{width:100%;}
.carousel-text{width:270px; padding:20px 0 0 0; margin:auto;}
#menu{padding:10px;}
#menu-wrapper{width:100%;}
.tabs-menu{position:relative; width:100%; margin-top:20px;}
.tabs-menu li{width:100%;}
.tabs-menu:after{clear:both; display:table; content:"";}
.accordion-section-content{padding:10px; width:100%; margin-top:10px!important; border-radius:10px; -webkit-border-radius:10px;}
.accordion-section-content ul li{height:auto; padding:10px 0;}
.accordion-section-content ul li span{line-height:inherit; height:auto;}
.accordion-section-content ul li p{line-height:inherit; height:auto;}







    




#ggaleri a{width:50%!important; margin-right:0!important; margin-left:0!important;}
#ggaleri a:nth-child(odd){padding-right:5px;}
#ggaleri a:nth-child(even){padding-left:5px;}


#slider-wrapper  .list_carousel li {height:300px;}
#slider-wrapper .list_carousel li img {width: 100%;}
#slider-wrapper .list_carousel{height:300px;}
#slider-wrapper  .caroufredsel_wrapper{height:300px!important;}

.sirket-logo{width:100%; border-top:1px solid #292929; display:block;height:107px;}
.sirket-logo ul{margin:auto; height:190px;}
.sirket-logo ul li{float:left; width:100%; padding:20px;text-align:center;}
.sirket-logo ul li:last-child{border-right:none;}
.ohh img{width:125px; margin-top:15px;}

#ymenu{width:100%; position:relative; background:#1a1a1a; padding-top:20px; background:url(../images/mbg.png);}
#ymenu ul{width:100%; height:180px; position:relative; display:block;}
#ymenu ul li{width:100%; height:60px; line-height:60px; text-align:center; position:relative;}
#ymenu ul li h5{color: #fff; font-weight: 900;font-size: 22px;display: block;}
#ymenu ul li:nth-child(1){background:rgba(0,0,0,0.2);}
#ymenu ul li:nth-child(2){background:rgba(0,0,0,0.4);}
#ymenu ul li:nth-child(3){background:rgba(0,0,0,0.2);}
#ymenu-title{width:100%; margin-bottom:20px;  text-align:center; position:relative;}
#ymenu-title span{color:#b31525; font-family: 'Kaushan Script', cursive; font-size:20px; display:block; margin-bottom:5px;}
#ymenu-title h2{color:#fff; font-weight:900; font-size:36px; display:block;}
#ymenu ul li a{position:absolute; top:0; right:0; left:0; bottom:0;}


.rez-frm{padding:10px;}
.rez-cont{width:100%;}
.rez-frmm li{width:100%; padding:0!important;}
.rez-frmm input[type=button]{position:relative; right:auto; margin: 0;}





.menu-open{color:#fff; font-size:24px; display:block; width:30px; height:30px; line-height:30px; text-align:center; position:absolute; right:20px; top:30px;}
.menu-close{color:#fff; font-size:24px; display:block; width:30px; height:30px; line-height:30px; text-align:center; position:absolute; right:0; top:0; z-index:9;}
.menu-child:before{position:absolute; right:13px; top:0; color:#fff; content:"\f078"; font-family:FontAwesome; font-size:14px; z-index:99; pointer-events:none;}
.m2{left:0!important; transition: all ease 0.5s;}
.pr ul{position:relative!important; width:100%; top:0; border-top:1px solid #b31525;}
.pr ul li{float:left;}
.pr ul li a{float:left; padding-left:40px;}
.menu-down:before{content:"\f00d"; font-size:20px;}
#slider-wrapper, #top-wrapper{height:110px;}

#page-feedback{width:100%;}
#page-feedback-title{padding:10px;}
.wizard .steps-content{padding:10px!important;}
.wizard .steps-content .step-pane{padding:0px!important;}
.feed > li{width:100%; height:70px!important; float:left;}
.feed strong{width:100%; display:block; height: 30px; line-height: 30px; float:left; font-weight:normal!important;}
.br-wrapper {width: 100%;position: relative;margin: 0;right: auto;top: auto; float:left;}
.mcom, .mcom span, .mcom textarea, .minfo, .minfo span, .minfo input, .minfo select, .minfo textarea{width:100%;}
#hcamp-wrapper{width:100%;}
#hcamps > div{width:100%;}
#hcamps figure{width:100%; height:auto;}
#hcamps figure img{width:100%;}
#hcamp{padding:40px 0 0 0;}
#breadcumb{height:60px; margin-top:0;}
#iletisim-sag, #iletisim-sol{width:100%;}
#top-bar:after{clear:both; display:table; content:"";}





    #hyuv-wrapper ul {width: 100%; text-align: center;}
    #hyuv-wrapper ul li {margin:auto; float:inherit; margin-top: 20px;}


#slider-wrapper .list_carousel li img {
    width: 100%;
    float: right;
    height: auto;
}
#slider-wrapper  .list_carousel li {height:110px;}
    #slider-wrapper  .list_carousel li img {float:right;}
#slider-wrapper .list_carousel{height:110px;}
#slider-wrapper  .caroufredsel_wrapper{height:110px!important;}


#slider-linkler{position: relative;}
    

}




@media screen and (min-width:768px) and (max-width:1199px) {
    
      #hyuv-wrapper ul {width: 100%; text-align: center;}
    #hyuv-wrapper ul li {margin:auto; float:inherit; margin-top: 20px; display: inline-block;}


.slider-text{padding:0 30px;}
.slider-text p{font-size:18px;}
.slider-text h1{font-size:36px;}
main{padding:10px;}
#gallery a{width:50%; height:auto; margin-right:0!important; margin-left:0!important; margin-bottom:10px; float:left; position:relative!important; top:auto!important; left:auto!important;}
#habout-wrapper{width:100%; padding:0;}
#habout-container{width:100%; height:auto; display:block; box-shadow:none; -webkit-box-shadow:none; background:#fff;}
#habout-container figure{width:40%; overflow:hidden;}
#habout-container figure img{height:100%;}
#habout-text{width:60%; padding:10px;}
#rating{padding:20px; margin-bottom:20px;}
#rating h4{font-size:24px;}
#gallery{padding:0;}
#gallery-wrapper{width:100%;}
.detail-header #top{height:auto!important;}
#gallery-ct{border:none;}
#gallery-ct a{width:50%; height:auto;}
footer{padding:0; margin:0;}
#footer-wrapper{width:100%;}
#footer-logo{padding:20px 40px;}
#footer-logo img{width:200px;}
#footer-nav ul{display:block; width:100%;}
#footer-nav li{width:100%; height:40px; line-height:40px; text-align:center;}
#footer-nav li a{width:100%; height:40px; line-height:40px; text-align:center;}
#footer-bottom{height:auto;}
#footer-info ul{display:block; width:100%;}
#footer-info ul li{width:100%; padding:15px 10px!important; height:auto; line-height:inherit; display:flex; border-bottom:1px solid #333; align-items:center; justify-content:center;}
#footer-info ul li i{height:auto; line-height:inherit;}
#footer-info ul li address{height:auto; line-height:inherit;}
#footer-info ul li a{height:auto; line-height:inherit;}
#footer-info ul:after{clear:both; display:table; content:"";}
#footer-text{height:auto;}
#footer-text ul li{height:30px; line-height:30px; width:100%;}
#footer-text ul li a{height:30px; line-height:30px; text-align:center; display:block;}
#footer-text ul li:after{display:none;}
#footer-info .fa-map-marker{display:none;}
#breadcumb-wrapper{width:100%; text-align:center; height:80px; line-height:80px;}
#breadcumb-wrapper ul{display:none;}
#breadcumb-wrapper h1{float:inherit;}
.detail-header{height:200px!important; min-height:200px!important;}
#main-detail{width:100%; padding:10px;}
#galeri li{width:50%; height:auto; margin-right:0; margin-bottom:10px;}
#galeri li:nth-child(odd){padding-right:5px;}
#galeri li:nth-child(even){padding-left:5px;}
#about-content{display:block;}
#about-text{width:100%; padding:10px;}
#main-detail h2{margin-bottom:10px;}
#about-content figure{display:none;}
#about-content:after{clear:both; display:table; content:"";}
#vizyon, #misyon{padding:10px;}
#iletisim-bilgi{width:60%; padding:10px;}
#iletisim-yazi{width:40%; padding:10px;}
#iletisim-bilgi ul li{float:left; height:auto; line-height:inherit;}
#iletisim-bilgi ul li address{text-align:left; float:inherit;}
#iletisim-alt{margin-top:10px; display:block;}
#iletisim-form{width:100%; padding:10px; background:#fff;}
#iletisim-harita{width:100%; border:10px solid #fff; height:400px;}
#iletisim-form ul li{margin-bottom:10px;}
.branch-content{display:flex; height:auto; margin-bottom:10px;}
.branch-content:after{clear:both; display:table; content:"";}
.branch-text{width:60%; padding:10px;}
.branch-content figure{width:40%;}
.branch-content ul li{float:left;}
.tabs-menu li{width:auto;}
#habout-title, #habout-text p{margin-bottom:10px;}
#services{padding:0; margin-top:20px;}
#services-wrapper{width:100%;}
.carousel-text{width:270px; padding:20px 0 0 0; margin:auto;}
#menu{padding:10px;}
#menu-wrapper{width:100%;}
.tabs-menu{position:relative; width:100%; margin-top:20px;}
.tabs-menu:after{clear:both; display:table; content:"";}
.accordion-section-content{padding:10px; width:100%; margin-top:10px!important; border-radius:10px; -webkit-border-radius:10px;}
.accordion-section-content ul li{height:auto; padding:10px 0;}
.accordion-section-content ul li span{line-height:inherit; height:auto;}
.accordion-section-content ul li p{line-height:inherit; height:auto;}




#ymenu{width:100%; position:relative; background:#1a1a1a; padding-top:20px; background:url(../images/mbg.png);}
#ymenu ul{width:100%; height:180px; position:relative; display:block;}
#ymenu ul li{width:100%; height:60px; line-height:60px; text-align:center; position:relative;}
#ymenu ul li h5{color: #fff; font-weight: 900;font-size: 24px;display: block;}
#ymenu ul li:nth-child(1){background:rgba(0,0,0,0.2);}
#ymenu ul li:nth-child(2){background:rgba(0,0,0,0.4);}
#ymenu ul li:nth-child(3){background:rgba(0,0,0,0.2);}
#ymenu-title{width:100%; margin-bottom:20px;  text-align:center; position:relative;}
#ymenu-title span{color:#b31525; font-family: 'Kaushan Script', cursive; font-size:20px; display:block; margin-bottom:5px;}
#ymenu-title h2{color:#fff; font-weight:900; font-size:36px; display:block;}
#ymenu ul li a{position:absolute; top:0; right:0; left:0; bottom:0;}

#page-feedback, .feed > li{width:100%;}



#slider-wrapper  .list_carousel li {height:400px;}
    #slider-wrapper  .list_carousel li img {float:right;}
#slider-wrapper .list_carousel{height:400px;}
#slider-wrapper  .caroufredsel_wrapper{height:400px!important;}
#ggaleri a:nth-child(odd){padding-right:5px;}
#ggaleri a:nth-child(even){padding-left:5px;}

    #hcamps > div {float:inherit; display:inline-block; margin-right: 0px;}
#hcamps figure{width:100%; height:auto;}
#hcamps figure img{width:100%;}
#hcamp{padding:40px 0 0 0; text-align: center;}
#hcamp-wrapper{width:100%;}
#breadcumb{margin-top:0;}

    




.menu-down:before{content:"\f00d"; font-size:20px;}
.menu-open{color:#fff; font-size:24px; display:block; width:30px; height:30px; line-height:30px; text-align:center; position:absolute; right:20px; top:25px;}
.menu-close{color:#fff; font-size:24px; display:block; width:30px; height:30px; line-height:30px; text-align:center; position:absolute; right:0; top:0; z-index:9;}
.menu-child:before{position:absolute; right:13px; top:18px; color:#fff; content:"\f078"; font-family:FontAwesome; font-size:14px; z-index:99; pointer-events:none;}
.m2{left:0!important; transition: all ease 0.5s;}
.pr ul{position:relative!important; width:100%; top:0; border-top:1px solid #b31525;}
.pr ul li{float:left;}
.pr ul li a{float:left; padding-left:40px;}


}

@media screen and (max-width:1199px)
{
    #winclud > div {width: 100%;}
    #winclud-text {width: 100%;}
    #winclud-img {width: 100%;}
    #winclud > div {display:block;}
    .summer-school-ic img {width:100%;}
    #slider-linkler {position: relative; top:0; margin-bottom: 30px;}
    #slider-linkler li{height:100px; width: 100px; margin-bottom: 1px;}
    #slider-linkler li img{width: 70px;  height:70px;}
    #slider-linkler li span{font-size:12px; line-height:25px;}
 
    .katalog25{column-count: 1;  column-gap: 1em; margin-top:30px; width:100%; margin-bottom:30px; padding-left:0px!important;}
    .katalog26{column-count: 1;  column-gap: 1em; margin-top:30px; width:100%; margin-bottom:30px; padding-left:0px!important;}
    .katalog26 li{min-width:320px;}
    
    #slider-linkler-ic {position: relative; top:0px; width: 100%; padding-left: 0px!important;}
#slider-linkler-ic li{display:inline-block; background:#662780; height:90px; width: 100px; text-align: center; margin-bottom: 0px;  border-bottom: 1px solid #9c59b5;}
#slider-linkler-ic li img{width: 60px;  height:60px;}
#slider-linkler-ic li a:hover {text-decoration: none;}
#slider-linkler-ic li span{font-size:12px; color:#fff; display:block; font-weight:bold; line-height:26px;  width: 100%;}
#slider-linkler-ic li:hover span{background-color:#fad60e;}
    #group-pricing #iletisim-form {width: 100%!important; padding:20px;  box-sizing: border-box;}
    #group-pricing { background-color: #642880; border: 20px solid #642880;}
    #pricing-close {top:20px; right: 20px;}
    .faq-ul li {padding-right: 40px;}
    #winclud-text ul {padding-left: 0px!important;}
    #winclud-text {padding:15px;}
    .sahvideo { width: 280px; height: 120px;}
    #etkinlikler-alt {margin-bottom: 30px;}
	.footer-middle { height: auto; }
	.footer-middle img {clear:both; display:block; margin:auto;}
    
    .student-care-style {width: 100%;}
    .student-care-style li {width: 280px; font-size: 16px!important;}
    .student-care-style li img {width: 60px; height: 60px; right: -20px; top: -20px;}
    .student-care-style:nth-child(1) li {margin-right: 0px; margin-left: 30px; float:Left;}
    
    .dand-sol {width: 100%;}
    .dand-sag {width: 100%;}
    .dandmebas {width: 300px; float:Left!important;}
    .dandmebas li {font-size: 14px!important;}
    .dandmebas li:nth-child(2) {font-size: 14px!important;}
    .dandme-alt {width: 326px; float:Left!important;}
    .dandme-alt li {font-size: 14px!important;}
    .dandmebas li:nth-child(even) {width: 200px;}
    .dandmebas li:nth-child(odd) { width: 80px;}
    .dandme-alt li:nth-child(even) {width: 200px;}
    .dandme-alt li:nth-child(odd) { width: 80px;}
    
    .sayfa-text ul {padding-left: 0px;}
    
    .dandmewr:nth-child(2) {width: 100%; overflow-y:scroll;}
    .prg-bas {width: 1200px;}
    .prg-alt {width: 1200px;}
    .prg-ack li {width: 300px;}
    .prg-ack {width: 90%;}
    
    .iletisim-sol {width: 100%;}
    
    
#apply-form{width:100%!important; height:100%;  padding:20px; }
#apply-form #iletisim-form{left:0!important; margin-left:0!important; width:100%!important; position:relative!important;}
#apply-close{right:20px; top:20px;}
    
    .register-summer {display:none;}
    .iletisim-sag {width:100%;}
    #form1 h4 {line-height: 40px;}
    #form1 ul {width: 100%;}
 
}