/************************************************
*   RESPONSIVE                *
************************************************/

@media only screen 
and (min-width : 1324px)  {

#header { width:1196px; }
#content { width:1186px; }
#footer { width:1196px; }

.h-menu { width:50%; }
.logo, .logo-title { width:30%; }



#video { width:70.7%;}
#settings #video { width:79.4%;}
.video-content { width:100%;}

.video.c1 { width:97.7%;}
.video.c1 .fixwidthc1 {width: 74%;}

.video-embed { height:400px;}
.video-embed, .description {width:97.5%;}
#bgn {width: 96.5%;}

#sayfa .video-content { width:100%;}

#myslides .sright { margin-left:817px;}
.stepcarousel { margin-left:18px;}

.comment-meta { width:94%;}

}

@media only screen 
and (max-width : 1323px)  {

#commentform { width:92%;}
.children  #commentform { width: 94%;}
.children .bi-avatar { width:6%; }
.children .comment-meta { width:94%;}
.bi-avatar { width:8%;}
textarea#comment { padding-right:4px;}

#slide { width: 625px; height: 222px; }
#slide .normal ul li { height: 42px; }
#slide .normal ul li a.active:before { bottom: 36%; }

}


@media only screen 
and (min-width:769px) and (max-width:959px) {

#header, #footer { width:638px; }

#content { width:631px; }

#video { width:100%;}
.video-content { width:100%;}
.video-content .top { }

#footer .footer-orta { display:none;}

#sidebar { float:left; margin-top:0px !important; width:100%;}
.sidebar-content { width:100%;}
.sidebar-content .top {}

#commentform { width:92%;}
.bi-avatar { width:8%;}
textarea#comment { padding-right:4px;}

}

@media only screen 
and (max-width : 959px) {

.wp-video-container { position: relative; width: 100%; }
.mejs-container { width: 100% !important; }

.logo, .logo-title { width:auto; max-width: 36%;min-width:20%; }
.full {width:88% !important; }
.toggle-on, .show-on { display: block !important; }
.show-off { display:none !important;}

.close { float:right; background: rgba(34, 34, 34, 0.16); border-left: 1px solid rgba(68, 68, 68, 0.39);color:#fff; font-size:15px; font-weight: bold; margin: -46px 0px 0px; padding: 14px 10px; cursor:pointer;}
.title { width:auto;}
#bilgilendirme { display:none;}
#sayfa { float:none; width:100%; position: relative;}
#sayfa .sidebar-content { margin:0px auto 15px; display: block; float:none; clear:both; }
#sayfa .sidebar-content:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#sayfa .video-content { width:100%;  }
#sayfa #fileup #upload_external_button {  padding:10px 15%;}
#sayfa #fileup { margin-top:50px; }

.toogle-menu { display:block; }
.h-menu { display:none; z-index:9999; height:auto; max-height: 340px; overflow-y:auto; overflow-x:hidden;}
.h-menu { position: absolute; float:none; top:60px; left:0px; background: #222; width:250px; box-shadow: 6px 4px 6px rgba(0, 0, 0, 0.45);}
.h-menu ul { float:none !important; }
.h-menu ul li { float: left; padding: 0px; width: 100%; background:none; border-bottom:1px solid #333;}
.h-menu ul li a { float: none; width: auto; padding: 17px 10px; display:block; font-size: 16px; color:#fff;}
.h-menu ul li a:after { position: absolute; content: ""; background: url(images/sprite.png) no-repeat -103px -21px; width:11px; height:10px; right:10px;}
.h-menu ul li.up { border:none;}
.h-menu ul li.up a { padding: 17px 10px; width:auto; display: block; float:none; background: none;}
.h-menu ul li.up a:after { position: absolute; content: ""; background: url(images/yukle-icon.png) no-repeat center; width:12px; height:16px; right:10px; }

.h-menu ul ul { width: 100%; border:none; border-radius:0; max-width:100%; background: none; box-shadow: none; display: none; position: relative; top:0px; margin:-5px 0px 0px 10px;}
.h-menu ul ul ul { top:0; margin-left:0; border-top:none; margin-top:0px; box-shadow:none; }

.h-menu ul ul li {border-bottom: none; background: none; padding: 0px 10px;} 
.h-menu ul ul a { padding: 10px 0px 10px 0px; line-height:auto; background:url(images/scroll-left.png) no-repeat right !important; color:#999 !important; }
.h-menu ul ul li:hover > a {color:#fff !important; background:url(images/scroll-left.png) no-repeat right !important; border:none; padding: 10px 0px;   }

.h-menu ul li:hover > ul:after { background: none; }

.h-menu ul li:hover > a,.h-menu ul :hover > a  { color:#fff;}
.h-menu ul li:hover > ul {display: block;}
.h-menu ul li:hover > ul:after{content:none;display: block;width: 0;height: 0;position: absolute;top: 0;z-index: 2; background:url(images/arrow-up-black.png) no-repeat right; width:100%; height:13px; padding:0px;margin:-12px 0px 0px 0px;}

.h-menu li.menu-item-has-children:after { display: none; }
/*.h-menu ul li.menu-item-has-children > a { background:url(images/scroll-bottom.png) no-repeat right; }*/


.user { display:none;}
.menu-user { float:left; border-top:1px solid #333; width:100%;}


#arama { background:none; width:40%; margin-top:8px; margin-right: 0px;}
.search-wrap { position: none; margin:none;}
#arama:before, #arama:after, .search-wrap:before, .search-wrap:after {display: none;}
#search_home {
    margin-left:10px;
}
#arama #aramabuton {
    width:20%;
    float:left;
    background: url('images/search.png') no-repeat scroll center center #F6DC7E;
    border: 1px solid #E6BC44;
    margin: 5px 0px 0px -4px;
    height:36px;
    padding:0px 2px 0px 2px;
    border-radius: 4px;
    font: bold 13px arial;
    color: #856307;
    text-shadow: 1px 1px #FDF6DD;
    cursor: pointer;
    text-indent:-9999px;
}
#arama #aramabuton:hover { box-shadow: rgba(255, 255, 255, 0.60) 0 1px 6px inset, black 0 1px 0; }
#arama #aramabuton:focus {box-shadow: rgba(0, 0, 0, 0.10) 0 1px 2px inset, black 0 1px 0;}

#arama #s {
    float:left;
    color: #555555;
    font-size: 14px;
    border: 1px solid #E5E5E5;
    margin:5px 0px 10px 10px;
    padding: 9px 5px 8px 3px;
    background:#FBFBFB;
    box-shadow: rgba(0, 0, 0, 0.10) 0 1px 2px inset;
    border-radius:4px;
    width:70%;
}

#arama #aramabuton { }
#arama.full #aramabuton { float:left; margin-right: 0px; width:16%;}

#bgn {
    background: none repeat scroll 0% 0% rgba(36, 36, 36, 0.57) !important;
    position: fixed !important;
    z-index: 9999 !important;
    top:0;
    left:0;
    right:0;
    margin-left:0;
    margin-right:0;

    margin:0px;
    padding:0px !important;
    float:none;
    width:100% !important;
    height: 100% !important;
    border:none;
}

#bgn #fix { 
    position:fixed;
    background: #F9F9F9;
    width:75%;
    top:35%;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0px 3px 10px rgba(36, 36, 36, 0.65);
    border-radius:2px;
  }
#bgn, .video-content #bgn input { color: #555;}

#like, #dislike, #favorite, #share { padding:10px; }

.uyari { float:none;}
.x { font-size:24px;}

.footer-left { max-width: 32%; min-width: 28%;}
.footer-mid { min-width: 66%;max-width: 66%; }
.wrapper-dropdown-5 { max-width:60px;}
}



@media only screen 
and (min-width:660px) and (max-width : 768px) {

#header, #footer { width:638px; }

#content { width:631px; }

#video { width:100%;}
.video-content { width:100%;}
.video-content .top { }

#footer .footer-orta { display:none;}

#sidebar { float:left; margin-top:0px !important; width:100%;}
.sidebar-content { width:100%;}
.sidebar-content .top {}

}


@media only screen 
and (max-width : 659px) {

.logo, .logo-title { width:auto; min-width:20%; max-width: 52%;}

#header, #footer { width:430px; }
#content { width:423px; }

#arama #aramabuton {
    width: 16%;
}
#search_result { left:0px; width:100%; }
#search_result ul li a { height: 18px; font-size: 13px; }

#video { width:100%;}
.video-content { width:100%;}
.video-content h1 { min-height: 10px;}

#footer .footer-orta { display:none;}

#sidebar { float:left; margin-top:0px !important; width:100%;}
.sidebar-content { width:100%;}
.sidebar-content .top {}

.description {width:95.5%; }
.description .showhide { width:98%; margin-bottom: 15px;}
.description .showhide span { margin-left:0; position: absolute;
left: 0px;
right: 0px;
margin-left: auto;
margin-right: auto; max-width:110px;}
.showhide-background { background-position: top center; width:100%; padding-right: 5%;}


#commentform { width:89%;}
.children  #commentform { width: 91%;}
.children .bi-avatar { width: 9%;}
.bi-avatar { width:11%;}
textarea#comment { padding-right:3px; padding-left: 3px;}

.children .comment-meta { width:91%;}
.comment-meta {width:89%;}

.sidebar-content .video { width:96%}
.sidebar-content .video .title { width:50%;}
.sidebar-content .video .izimg { width:40%; position: relative}
.sidebar-content .video .izimg img { width:100%;}
.sidebar-content .video .img { width:100%;}
.sidebar-content .video .duration { margin: 8px 0px 0px 0px; right:5px;}

#myslides .sleft { margin-left:-21px;  }
#myslides .sright { margin-left:404px; }
.stepcarousel { margin-left:8px;}

.stepcarousel .panel{ width:124px; margin-right: 8px}
.stepcarousel .panel .video.scroll { width:100%;}
.stepcarousel .panel .video.scroll .fixwidth { width:85%; margin-bottom: 3px;}
.stepcarousel .panel .video.scroll .iz { display:none; }
.stepcarousel .panel .video.scroll .duration { margin: 8px 0px 0px 5px; }

.video.c1 { width:95.5%;}
.video.c1 .fixwidth { width:36%;}
.video.c1 .fixwidth .img { }
.video.c1 .fixwidth .duration { margin-left:15px;}

.video.c1 .fixwidthc1 { width:54%;}

#arama { width:10%;}
#arama #s { display:none;}
#arama.full #s { display:block;}

#arama.full { width:87% !important;}
#arama #aramabuton { width:100%; float:right; margin-right:10px;}
#arama.full #aramabuton { float:left; margin-right: 0px; width:16%;}

th.order-total, .order-status { display: none}

button.video-pulu { padding:5px 4px 5px 7px;}
button.video-pulu .none { display: none; }
button.video-pulu .begenme {}
button.video-pulu .favori { width:0;}
.views { font-size: 13px; font-weight: bold}
#bgn { width:93%;}
#sayfa .video-content .left { width:96% !important;}
#sayfa #result .v-gir { margin: 90px 0px; width: 100%;}
#sayfa #result .option-title { margin: 0px 0px 12px !important; width:auto !important; font-size: 18px;}
#sayfa #result .option-info { margin:0px !important;}
#sayfa #submit-new-reload { margin:0px !important; }

.video-container iframe { height:230px;}

#slide { width: 100%; height: 162px; }
#slide .normal ul li { height: 30px; }
#slide .normal ul li a.active:before { bottom: 30%; }

}

@media only screen 
and (max-width : 479px) {

#header { width:96%; }
#content { width:92%;}
#video { width:100%;}
.video-content { width:100%;}
.video-content .top { }

.video-container iframe { height:200px;}

#sidebar { float:left; margin-top:0px !important; width:100%;}
.sidebar-content { width:100%;}
.sidebar-content .top {}

.pagenavi .pagenavi-orta, .pagenavi .page-numbers { display:none; }
.pagenavi .prev, .pagenavi .next { display: block !important; }

#footer { width:96%; }

#sayfa .sidebar-content { width:100%;}
#bilgilendirme { display:none;}

#respond { width: 100%;}
#respond input#submit { float:left; width:100%;}
#respond input#author, input#email {  width:97%; display: inline-block; padding-right: 3px;padding-left: 3px;}

.children  #commentform { width: 91%;}

.sidebar-content ul.has-avatar .data { width:70%;}
#myslides .sleft { margin-left:0px; left:0px;}
#myslides .sright { right:0px; margin-left:0;}

.wrapper-dropdown-5 { height: 15px; padding-left: 5px; min-width: 0; }
.wrapper-dropdown-5 span { display:none;}
.wrapper-dropdown-5 .dropdown { top: 60%; left:auto; font-size:16px;}

#arama #s { width:63% !important;}

.video.c1 { width:95.5%; max-height:90px;}
.video.c1 .fixwidth { width:35%; height:100%;}
.video.c1 .fixwidth .izimg { margin:0px; height:100%;}
.video.c1 .fixwidth .img { height:auto;}
.video.c1 .fixwidth .duration { margin-left:5px; margin-top: 5px;}
.video.c1 .author { display:none;}
.video.c1 .title { margin:0px; margin-top: 2px; max-height:47px; overflow: hidden;}
.video.c1 p { margin-left: 5px; font-size: 11px; max-height: 28px;}
.video.c1 .ek { margin:0px; margin-left: 5px; width:auto;}
.video.c1 .iz { margin:0px; margin-right: 5px}
.video.c1 .fixwidthc1 { width:63%; height:80%; margin:0px 0px 0px 4px; padding:0px;}

.settings .order-date, .order-total { display:none;}
.settings .show-video, .show-video iframe { width:96% !important;}
.settings .show-video .details { clear:both; width:100% !important;}
.settings .left { width:96% !important}

.footer-mid { min-width: 100%;max-width: 100%; background: none; }
.footer-left { display: none; }
.mid-menu { float:left; }

}

@media only screen
and (min-width : 361px)
and (max-width : 479px) {

.video { width:46%;}
.video .fixwidth { width:100%;}
.video .img { margin:0px;}
.video .duration { right:5px; margin-top:8px;}
.video .izimg { margin:0px; border:none;}
.video .title {margin-left:0; padding:0px 5px 0px 5px; width:auto;}
.video .ek { width:40%;}
.video .cright .iz { margin-right:10px;}
.stepcarousel .panel .video.scroll .fixwidth { width:100%; margin-bottom: 3px;}

}

@media only screen 
and (max-width : 360px) {

.video { 
    float:left; 
    width:100%; 
    height:85px; 
    margin: 0px 0px 7px; 
    padding:0px;
    border:0px;
    background:none;
    box-shadow:none;
}
.video:hover { }

.video .fixwidth { width:98%; padding:0px 8px 0px 8px;}
.video .cleft { float:left; width:40%; position: relative; }
.video .cright { float:right; width:60%;}

.video .izimg {  width:95%; height:82px; margin:0px 7px 0px 0px; padding:0px; overflow:hidden; border:none; border-radius:6px; }

.video .img { margin:0px; width:95%; height:82px;}
.video .title {  margin:0px; width:auto; display: block; line-height: 1.2; height:auto; max-height: 3.6em; margin-bottom: 2px; padding-right:8px; font-size:13px; overflow:hidden;}

.video .ek { float:left; width:auto; height:auto; max-height: 2.4em; margin:1px 5px 2px 0px; padding:0px; color: #999; font-size:11px; overflow:hidden;}
.video .iz { float:left; background-position:left; width:auto; margin:1px 0px 0px 0px; padding:0px; color: #999; font-size: 11px; overflow:hidden;}
.video .duration { position:absolute; width:auto; margin:65px 0px 0px 0px; right:10px; padding:0px 4px 0px 4px; background:#222; color:#fff; font:11px arial; font-weight:bold; border-radius:3px; opacity:0.8; filter:alpha(opacity=80);}
.video .cright .iz {margin-right:0px;}
.views-icon {
    background-position: -16px 1px;
    height: 12px;
    float: left;
    margin-right: 3px;
}

.stepcarousel { margin-left: 4px}
.stepcarousel .panel{ width:95px; margin-right: 4px}
.stepcarousel .panel .video.scroll { width:100%;}
.stepcarousel .panel .video.scroll .fixwidth { width:90%; margin-bottom: 3px;}
.stepcarousel .panel .video.scroll .img { width:80%;}
.stepcarousel .panel .video.scroll .iz { display:none; }
#myslides { min-height:140px; height:auto; max-height:168px;}

.video.c1 { width:100%;}
.video.c1 .fixwidth { width:40%;}
.video.c1 .fixwidthc1 { width:52%; height:auto;}
.video.c1 .fixwidthc1 .title { height:auto; font-size:13px;}
.video.c1 .fixwidthc1 p { display:none;}
.video.c1 .izimg { width:100%;}
.video.c1 .ek, .video.c1 .iz { margin-top: 5px;}
.video.c1 .iz { margin-left: 5px; }

#arama { width:10%;}
#arama #s { display:none;}

#arama #aramabuton { width:100%; float:right; margin-right:10px;}
#arama.full #aramabuton { float:left; margin-right: 0px; width:16%;}

#slide { width: 100%; height: 132px; }
#slide .large .img .title { font-size: 18px;}
#slide .normal ul li { height: 24px; }
#slide .normal ul li a.active:before { bottom: 27%; }
}