#kapat{position: absolute;right:0px;display: none;}
#kapat img{width: 35px;}

@media only screen and  (max-width: 1370px) {    
 .login > .anasayfa-iletisim-cover{padding: 150px 0px;}
}
@media only screen and  (max-width: 1170px) {    
    section{width: 100%;}  
  .content-header > .mask section h1{margin-left:2%;}
}

@media only screen and  (max-width: 1100px) {    
    section,.section{width: 100%;}  
    #kapat{    display: block;}
    header nav{ margin: 0;   margin-left: 5% !important;width: 250px !important;background:rgba(233, 129, 39, 0.88);position: absolute;right: 0px;z-index: 999;display: none;top:50px;}
    header nav ul li{ float: none;width: 100%;height: 45px}
    header nav ul li a{float: none !important; padding: 15px !important;color:#fff !important;display: block;}
    header nav ul li a:hover{ background: rgba(232,120,22,.5) !important;}
    header nav ul li a.active{background: rgba(232,120,22,.5) !important}
    .slider{display: none}
    .mobilslider{display: block;}
    .bodydiv{top: 0px !important;}
    section.kurumsal img{width: 40%;}    
    .owl-theme .owl-controls .owl-nav  .owl-prev,.owl-theme .owl-controls .owl-nav .owl-next{display: none !important;}
    footer section.copyright {    width: 85% !important;}
    .icerikdiv aside { width: 100%;    margin-bottom: 20px;}
    section.icerik{float: none;}

    header.header{height: 50px;-webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;    transition: all 0.5s ease;}
    header.header nav ul li a{padding: 17px 19px;-webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;    transition: all 0.5s ease;}
    header.header a img{float: left;margin:10px 14px;-webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;    transition: all 0.5s ease;height: 30px}
    header.header a.link{margin: 12px 61px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;padding: 4px 8px;float: right;font-size: 15px;}
   
    .section.haberler .habersection{width: 90% !important;margin: 0 2% !important;}
    .anasayfa-iletisim .anasayfa-iletisim-cover section p{width: 90% !important;}
    .footer.footer nav{width: 100% !important;}
    .footer.footer nav ul li{float: none !important;}
    .bx-wrapper .bx-controls-direction a{display: none;}
    ul.anaslider li .caption{top:38%;}
    .footer.footer nav ul li a{line-height: 27px;}
     .dispaynone{display: none;}
     div.video img{width: 90%;margin: 66px auto;} 
  div.video{    background-size:300%; }
  
	.content section,section.haberler .habersection{width:96%;margin:0 2% !important;}
        .login .loginbg{margin-left: 5%; } 
  header.header .sosyalmedya{margin-right:62px;margin-top:16px;}
     
}

@media only screen and  (max-width: 700px) { .col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8, .col9,.col10,.col11,col12,.col3video{width: 90%;margin: 0 5% !important;}.login .loginbg{width: 86%; } .loginname{text-align: center !important;width: 100%;}.img-thumbnail{width: 70% !important;margin: 0 auto;}}
@media only screen and  (max-width: 600px) { 
  section.energym .seanslar .video-ic div{width: 90%;margin: 0 4% !important;}
   section.energym .seanslar .seans-ic div{width: 90% !important;margin-right: 3% !important;}
   section.energym .seanslar .seans-ic div:nth-child(3n){margin-right: 3% !important;}
   section.energym .seanslar .seans-ic div:nth-child(2n){margin-right: 3% !important;}
  .content-header nav{display:none;}
  .login .loginbg{width: 80%; }
}