/* Start : Device Width = 1366 */
@media only screen and (max-width: 1366px){
     .content-center{
        width: 95%;
         margin-left:2.5%;
    }
}
/* Finish : Device Width = 1366 */
/* IPad or Tablet Horizontal */
@media (min-width:769px) and (max-width:1024px){
     #header .header-nav-main nav > ul > li > a{
        font-weight: 400;
         font-size: 10px;
         padding: 25px 2px;
    }
     .content-center, .container{
         width: 100% !important;
    }
     .capital-logo{
         left: 3px;
    }
     .header-line .left{
         width: 20%;
    }
     .header-line .right{
         width: 80%;
         padding-right: 20px !important;
    }
     div#headerLang{
        margin:15px 30px 0 10px;
    }
     .anasayfa-uretim .main-category{
        height: 240px;
    }
     .main-category{
        height: 250px;
    }
     .main-categories-box{
         padding: 20px 0.5%;
    }
     .main-categories-box .desc{
         min-height: 40px;
    }
     .ilkelerimiz{
         background-color:#dbcec4;
         background-image: none;
         padding: 50px 20px;
    }
     .ilkelerimiz ul{
         width: 70%;
         margin:50px 0 0 0;
    }
     section.main-section{
         margin: 0;
    }
     .main-section-left:first-child{
         width: 50%;
         margin:0 2.5%;
    }
     .main-section-left:first-child > a{
         height: 380px;
    }
     .main-section-left:nth-child(2){
        width: 45%;
         margin: 0;
    }
     .main-section-left:last-child{
        width: 100%;
         margin: 0;
    }
     .main-section-left:last-child > .content-width{
        width: 50% !important;
         float: left;
    }
     .main-section-left:last-child .blok{
        width: 100% !important;
         float: left;
         margin: 0 !important;
    }
     section.main-section .blok:first-child{
         margin-right: 0;
    }
     section.main-section .blok{
         width: 50%;
    }
     section.main-section .dergi{
        width: 20%;
         float: left;
    }
     section.main-section .toleyis_ebulten{
        width: 30%;
         float: left;
    }
     section.main-section .toleyis_ebulten form input{
        width:100px;
    }
     section.main-section .blok .content{
        width: 70%;
    }
     #footer.light{
        padding-top: 40px;
    }
     .iletisim_sag{
        width: 100%;
    }
     .iletisim_sag .iletisim_sag{
        width: 50%;
    }
     .slider_baslik{
        font-size:48px !important;
    }
     div.hizli_erisim ul li{
        width: 32% !important;
    }
     .footer_iletisim_bg{
        margin-top: 50px !important;
    }
     .sub_banner{
        background-size: auto 100%;
    }
     .birinci_parca,.ikinci_parca{
        width:100%;
    }
     .form-check-text{
        font-size: 12px;
         line-height: 14px;
    }
     .form-check-text div{
        width:80%;
         float: left;
    }
     .form_group .form_element2 textarea, .form_group .icon2, .form_group .form_element2{
        height: 50px;
    }
     section.main-section .dergi ul li a div.pdf-yazi{
        margin-left: 6%;
    }
div#social_media{display: none;}
}
/* IPad or Tablet Vertical */
@media (max-width:768px){
     div.pc{
        position: relative;
         width:94%;
    }
     .content-center, .container{
        width: 100% !important;
    }
     div.sonuclar{
        display: none;
    }
     div.mobileResult{
        display: block;
    }
     div.mobil-sidebar{
        display:block;
    }
     div#mobil-nav, div#mobil-search-page{
        display: block;
    }
     html.sticky-header-enabled #header .header-nav-main{
        display: none;
    }
     #header{
        float: left;
         width: 100%;
         z-index: 2;
    }
     .waves{
         display: none;
    }
     .main-category{
        width: 24%;
         height: 180px;
    }
     .anasayfa-uretim .main-category{
        height: 170px;
    }
     div#sizi-arayalim{
         top:15%;
         position: absolute;
         display: none 
    }
     .header-line .left:after, .header-line .left{
        display: none;
    }
     .header-line .right{
        width: 100%;
         padding-right: 70px;
    }
     .header-line .right .social-icons{
        display: none;
         float: left;
         margin: 0;
    }
     .header-line .right:after{
        display: none;
    }
     .header-content{
        line-height: 60px;
         height: 60px;
    }
     .capital-logo{
        position: initial !important;
         width: 20%;
         margin: 0 2.5%;
    }
    /*.sticky_header{
         width: 50% !important;
    }
    */
     .sticky_header .capital-logo{
    }
     .slider-container{
         width: 100% !important;
    }
     .main-categories-container{
         margin:30px 0 0 0;
    }
     .anasayfa-kategoriler{
         padding:30px 0 0 0;
    }
     .main-categories-box{
         width:50%;
         border-top: 1px dashed #5c8b9d;
    }
     .main-categories-content > div.content-width{
         border: none;
    }
     .main-categories-content > div.content-width:first-child > div:nth-child(1), .main-categories-content > div.content-width:first-child > div:nth-child(2){
        border-top: none !important;
    }
     .ilkelerimiz{
         background-color:#282625;
         background-image: none;
         padding: 50px 20px;
    }
     .ilkelerimiz ul{
         width: 95%;
         margin:50px 0 0 0;
    }
     section.main-section{
         margin: 0;
    }
     .main-section-left:first-child{
         width: 50%;
         margin:0 2.5%;
    }
     .main-section-left:first-child > a{
         height: 380px;
    }
     .main-section-left:first-child .content{
         width: 250px !important;
    }
     .main-section-left:nth-child(2){
        width: 45%;
         margin: 0;
    }
     .main-section-left:last-child{
        width: 100%;
         margin: 0;
    }
     .main-section-left:last-child > .content-width{
        width: 50% !important;
         float: left;
    }
     .main-section-left:last-child .blok{
        width: 100% !important;
         float: left;
         margin: 0 !important;
    }
     section.main-section .blok{
         width: 100%;
    }
     section.main-section .dergi, section.main-section .toleyis_ebulten{
        width: 50%;
         float: left;
         margin-top: 0 !important;
    }
     section.main-section .blok .baslik{
        font-size: 22px;
         font-weight: 500;
    }
     section.main-section .ulus .ulus-haber .news-image{
        width: 30%;
    }
     section.main-section .ulus .ulus-haber .news-content{
        width: 68%;
    }
     .sub_banner{
         height:200px;
         background-size: auto 100%;
    }
     .sub_banner .name{
        z-index: 0;
         width: 75%;
         height: 40px;
         border-width: 40px 0 40px 100px;
         font-size: 20px;
    }
     .main{
        float: left;
         width: 100%;
    }
     a.mobil_yan_menu_link{
        display: block;
    }
     #left-sidebar{
        display:none;
         width: 100%;
         margin:0;
    }
     .iletisim_sag{
        width: 100%;
    }
     .iletisim_sag .iletisim_sag{
        width: 50%;
    }
     div.hizli_erisim ul li{
        width: 50% !important;
    }
     .slider_baslik, .slider_baslik span{
        font-size:24px !important;
    }
     .birinci_parca,.ikinci_parca{
        width:100%;
    }
     .form-check-text{
        font-size: 12px;
         line-height: 14px;
    }
     .form-check-text div{
        width:80%;
         float: left;
    }
     .form_group .form_element2 textarea, .form_group .icon2, .form_group .form_element2{
        height: 100px;
    }
     .iletisim_bilgisi_satir .baslik{
        width: 22%;
    }
     .iletisim_bilgisi_satir .icerik{
        width: 73%;
    }
     table.sertifikalar tbody tr td{
        width: 30%;
    }
}
/* Phone Vertical */
@media only screen and (max-width:480px){
     div.pc{
        position: relative;
         width:85%;
    }
     div.mobil-sidebar{
        width: 15%;
    }
     #header{
        position: relative;
         background: #fff;
    }
     #header .header-search, div#headerLang{
        display: none;
    }
     .header-content{
         line-height: 90px;
        height: 90px;
        border-top: 5px solid #373d40;
    }
     .header-line .right{
        padding: 0 5px;
         background-color: #373d40;
    }
     .header-line .right > a{
        display: none;
    }
     .header-line .right > a.portal_giris{
        display: block;
    }
     .capital-logo{
        width: 70%;
         margin: 0 15%;
         text-align: center;
    }
     .capital-logo img{
        float: initial !important;
    }
     .slider_baslik{
        font-size: 1em !important;
    }
     .slider_baslik2{
        font-size: 1em !important;
    }
     .buton-kapsayici:last-child div.butonlar{
        margin-right: 0 !important;
    }
     .buton-kapsayici{
        padding-left: 5px !important;
         padding-right: 5px !important;
    }
     div.home-intro div.butonlar div.baslik{
        margin: 0 0 0 3px;
    }
     .home-intro .col-lg-6.col-md-6.col-sm-6.col-xs-12 {
        padding-left: 5px !important;
         padding-right: 5px !important;
    }
     div.butonlar a{
        font-weight: 500;
         font-size: 13px !important;
    }
     div.butonlar{
        width: auto;
         float: right;
         margin-left: 0 !important;
         line-height: 12px;
         text-align: right;
    }
     .buton-kapsayici:last-child .butonlar{
        float:left;
         text-align: left;
    }
     .home-intro .container{
        padding-left: 0 !important;
         padding-right: 0 !important;
    }
     .sticky_header {
        width: 85% !important;
    }
     .main-categories-box{
        width:100%;
         border-right: none;
    }
     .main-categories-content > div.content-width:first-child > div:nth-child(2){
        border-top: 1px dashed #5c8b9d !important;
    }
     .ilkelerimiz{
        max-height: initial;
    }
     .ilkelerimiz ul{
        width: 100%;
    }
     .ilkelerimiz ul li{
        background-position: left top;
         width: 100%;
         line-height: 15px;
         font-size: 16px;
    }
     .main-category{
        width: 98%;
         height: 150px;
    }
     .main-section-left, .main-section-right{
        display: block;
         width: 96%;
         margin: 0 2%;
    }
     .main-section-left > a:first-child{
        height: 250px;
         margin-bottom: 20px;
    }
     section.main-section{
        padding: 0 0 25px 0 !important;
    }
     section.main-section .blok{
        width: 100%;
    }
     section.main-section .blok .content{
        width: 200px;
    }
     section.main-section .toleyis_ebulten form input{
        width: 90px !important;
    }
     .main-section-left{
         width: 95% !important;
         margin:0 2.5%;
    }
     section.main-section .blok .content{
        width: 200px;
    }
     section.main-section .blok .baslik{
        font-size: 15px;
    }
     .main-section-left:last-child > .content-width{
        width: 100% !important;
    }
     section.main-section .dergi ul li a div.pdf-icon{
        margin-right: 10px;
    }
     .useful-links-title{
        font-size: 16px !important;
    }
     .useful-links-title:before{
        border: none;
    }
     .useful-links-title span{
        background-color:#fff;
         left: 20%;
         top: -13px;
         padding: 10px 20px;
    }
     .usefulImage{
        max-width: 70%;
    }
     #footer.light{
        padding-top: 0;
    }
     div#mobil-nav{
        width:94% !important;
    }
     .sub_banner{
        height: 160px;
    }
     .sub_banner .name{
        width: 100%;
         font-size: 16px;
    }
     .iletisim_sag:first-child{
        display: none;
    }
     .hesperiden .tp-bullet{
        width: 6px;
         height: 6px;
    }
     .hesperiden.tp-bullets{
        top: 110% !important;
    }
     .main-categories-heading{
        font-size: 22px;
         margin-bottom: 0;
    }
     .anasayfa-kategoriler{
        padding: 20px 0 0 0;
    }
     .main-categories-container{
         margin:0;
    }
     .main-categories-box .title{
        height: auto;
    }
     .main-categories-box .desc{
        margin:10px 0;
    }
     .ilkelerimiz{
        padding: 20px 5px;
    }
     .ilkelerimiz-heading{
        font-size: 22px;
    }
     .ilkelerimiz ul {
         margin: 20px 0 0 0;
    }
     .ilkelerimiz ul li{
        font-size: 12px;
    }
     .ilkelerimiz_table tbody tr td:first-child{
        width:15%;
    }
     .ilkelerimiz_table tbody tr td:last-child{
        width:85%;
    }
     footer#footer .col-xs-12{
        padding-left: 0px !important;
         padding-right: 0px !important;
    }
     .blue_label{
        margin-top:-50px !important;
    }
     .slider_baslik, .slider_baslik span{
        font-size:16px !important;
    }
     .anasayfa-kategoriler .main-category:nth-child(n+6){
        width:98%;
    }
     .anasayfa-uretim .main-category, .anasayfa-kategoriler.anasayfa-uretim .main-category:nth-child(5){
        width: 98%;
    }
     section.main-section .blok{
        margin-top: 20px;
    }
     section.main-section .ulus .ulus-haber .news-image, section.main-section .ulus .ulus-haber .news-content{
         width:100%;
         float: left;
    }
     section.main-section .haber-content{
         display: none;
    }
     .main-categories-header{
         margin: 0 0 20px 0;
    }
     .uretim-resim{
         width: 45%;
         height: 100px;
         margin: 2.5%;
    }
     #product-images, #product-features{
         width: 95%;
         margin: 0 2.5%;
    }
     .new-box{
        width: 99%;
    }
     .new-box .new-name, .new-box .new-description{
        height: auto;
    }
     .header-line .right .langs{
        margin: 0 !important;
    }
     .anasayfa-uretim .main-category, .anasayfa-uretim .main-category:nth-child(odd){
        margin: 5px 1%;
    }
     table.sertifikalar tbody tr td{
        width: 50%;
    }
     .urun-kutu{
        width: 95%;
    }
     header .content-center{
        margin-left:0 !important;
    }
     .footer_iletisim_bg{
        margin-top: 50px !important;
    }
     #footer.light .footer-copyright{
        margin-top:0 !important
    }
     .main-tanitim-filmi, .main-tanitim-filmi .content-center{
        height: 200px;
         display: flex;
         align-items: center;
    }
     div.main-tanitim-filmi .main-tanitim-filmi-icerik{
        padding-left: 0;
         width:65%;
    }
     .main-tanitim-filmi .play_icon{
        width: 100px;
         height: 100px;
         top:25%;
    }
     div.main-tanitim-filmi .desc{
        width: 100%;
         font-size: 3vw;
         line-height: 4vw;
    }
     div.main-tanitim-filmi .baslik{
        margin-bottom: 10px;
         color: rgba(255, 255, 255, 0.9);
         font-size: 7vw;
    }
     .teklif-box{
        width: 95%;
         height: 150px;
         margin:0 0 15px 0 !important;
    }
     .teklif-box a{
        font-size: 18px;
         color: rgba(255,255,255,1);
    }
     .kategori_aciklama{
        padding: 20px !important;
    }
     div#social_media{
        top:50%;
    }
}