@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;}
header figure{width:100%; padding:0 50px;}
header figure img{width:100%!important;}
header{width:100%; height:auto;}
.menu-child ul{position:relative!important; top:auto; width:100%; float:left;}
nav{width:100%; height:100vh; position:fixed; z-index:9999; background:#282828; top:0; left:0; overflow-y:scroll; left:-100%; transition: all ease 0.5s;}
nav > ul > li{width:100%; display:block; height:auto; border-bottom:1px solid #1e1e1e;}
nav > ul > li > a{height:auto; padding:20px; line-height:inherit; width:100%;}
.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:80px; line-height:80px;}
#breadcumb-wrapper ul{display:none;}
#breadcumb-wrapper h1{float:inherit;}
.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;}
#iletisim-harita iframe{width:100%!important;}
#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:80vh;}
#slider-wrapper .list_carousel{height:80vh;}
#slider-wrapper  .caroufredsel_wrapper{height:80vh!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:0; top:0; background:#c31829;}
.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; background:#c31829; 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;}
.menu-down:before{content:"\f00d"; font-size:20px;}
#slider-wrapper, #top-wrapper{height:80vh;}

#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%;}



#C1-error {left: 0!important;top: 65px!important;}
















}




@media screen and (min-width:768px) and (max-width:1199px) {
#top-bar-container{width:100%; padding-right:40px;}
header figure{width:100%; text-align:center;}
#slider-wrapper, #top-wrapper{height:80vh;}
header figure img{width:200px;}
header{width:100%; height:auto;}
nav{width:100%; height:100vh; position:fixed; z-index:9999; background:#282828; top:0; left:0; overflow-y:scroll; left:-100%; transition: all ease 0.5s;}
nav > ul > li{width:100%; display:block; height:auto; border-bottom:1px solid #1e1e1e;}
nav > ul > li > a{height:auto; padding:20px; line-height:inherit; width:100%;}
.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;}

#C1-error {left: 0!important;top: 65px!important;}



#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:80vh;}
#slider-wrapper .list_carousel{height:80vh;}
#slider-wrapper  .caroufredsel_wrapper{height:80vh!important;}
#ggaleri a:nth-child(odd){padding-right:5px;}
#ggaleri a:nth-child(even){padding-left:5px;}










.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:0; top:0; background:#c31829;}
.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; background:#c31829; 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;}


}