PHP Dosya Yöneticisi

/* iphone 5s *****************************************************************************/
@media screen and (max-width:321px) and (min-width:0px) {
    .products_tabs_contents iframe{width: 100%; height: 400px;}
    .products_tabs_contents img{width: 100%; height: auto;}
    /* Sipariş Takip */
    .tracing-input-div{
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }
    .user-order-box-item{flex:none; width: 100%; border-right: 0; border-bottom: 1px solid #ebebeb;}
    .user-order-box-item:first-child{width: 100%; flex: none; text-align: center;}

.user-right-content{flex:none; width: 100%;}
    .user-order-info-box{width: 100%}
    .user-order-info-box ul li{width: 100%}
    .user-order-info-main{padding: 15px 0}
    .user-order-info-address{margin-top: 15px; margin-bottom: 0}
    .user-order-info-address:last-child{border-bottom:1px solid #EBEBEB; }
    .user-order-product-inbox{flex:none !important; width: 100% !important; text-align: center; min-height: auto!important; border-bottom: 1px solid #ebebeb;}
    .user-order-pro-div{width: auto; padding: 8px 15px; font-size:13px; color:#000}
    /* Sipariş Takip SON */

/* Fixed Header */
    #fixed-header-main{
        display: none !important;
    }
    /* Fixed Header SON */

/* HEADER 2  **/
    .header-2-menu-main-div{display: none}
    /* HEADER 2  **/

.sag-bar-button{display: none !important;}
    .sag-bar-button2{display: none !important;}
    .not-found-page-text{width: 100%; height: auto; overflow: hidden; margin: 0 auto; font-family: 'Raleway', sans-serif; font-size:22px; font-weight: 500; color:#000; text-align: center}

.iyzico-form-areas{width: 90%;}
    /* HEADER ALANI ***************************/
    .header-ust-bar-main{display:none;}
    .header-main{display: none}
    .header-mobile-main{width: 100%; height: auto; overflow: hidden; padding: 30px 0 0 0; display: block; text-align: center; }
    .header-mobile-logo{width: 45%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: left; margin-bottom: 30px}
    .header-mobile-logo img{max-width: 144px; height: auto }
    .header-mobile-right{width: 45%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: right;margin-bottom: 30px}
    .header-mobile-right-cart{width: 30%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: center;}
    .header-mobile-right-bars{width: 30%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: right; margin-top: -5px; padding-right: 10px;}
    .header-mobile-menu-search-area{width: 100%; height: auto; background-color: #F8F8F8; border-bottom: 1px solid #EBEBEB; padding: 20px 0 20px 0}
    .header-mobile-menu-search-area input{ width: 260px; border:1px solid #EBEBEB; background: #FFF;  font-family: 'Open Sans', Arial; font-size:14px; padding: 8px;outline: none; color:#000}
    .header-mobile-menu-search-area button{ width: 80px; border:0; font-family: 'Open Sans', Arial; font-size:14px; padding: 8px 0 8px 0; outline: none; color:#FFF; background: dodgerblue;}
    .header-mobile-menu-contact-area{width: 100%; height: auto;  border-bottom: 1px solid #EBEBEB; padding: 20px 0 20px 0}
    .header-mobile-menu-contact-box{width: 90%; height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 15px; text-align: left; }
    .header-mobile-menu-contact-box i{ font-size:18px; margin-right: 12px; float: left;}
    .header-mobile-menu-contact-box p{padding: 0; margin: 0; overflow: hidden; font-family: 'Raleway', Arial; font-size:13px; color:#000; letter-spacing: 0.05em;}
    .header-mobile-menu-contact-box:last-child{margin-bottom: 0;}

/**** SLIDER - ÜST */
    .options-slider-box{width: 290px; height: auto; overflow: hidden;  margin: 0px auto;}
    .slider-text-div{width: 250px; overflow:hidden; display: inline-block;}
    .slider-font-type-baslik{  font-size:18px !important; font-weight: 700;line-height: normal; letter-spacing: 0.04em; margin-bottom: 10px !important; }
    .slider-font-type-spot{  font-size:14px !important; font-weight: 500;line-height: normal; letter-spacing: 0.04em; margin-bottom: 10px;!important; }
    .slider-button-type{font-size:13px !important;  font-weight: 800; margin-top:-1px !important; padding: 2px 8px 2px 8px !important}
    .swiper-container {
        width: 100% !important; margin: 0px auto;
    }
    .swiper-button-next{display: none;}
    .swiper-button-prev{display: none;}
    .slider-button-type-2{font-size:13px !important;  font-weight: 800; margin-top:100px !important; padding: 2px 8px 2px 8px !important}
    .options-slider-just-button{width:83%; height: auto; overflow: hidden;  margin: 0px auto; z-index: 2; text-align: center;}
    /**** SLIDER - ÜST */

/**** MODUL BAŞLIKLARI DİVİDER */
    .modules-header-main{margin-bottom: 25px !important}
    .modules-header-main-baslik{font-size:20px !important}
    .modules-header-main-spot{font-size:15px !important; width: 80% !important}
    /**** MODUL BAŞLIKLARI DİVİDER */

/**** TRIGGER - ÜST */
    .trigger-main-div{width: 100% !important; height: auto !important;}
    .trigger-main-div-in{width: 100% !important; height: auto !important;}
    .trigger-main-div-left{width: 90% !important; text-align: center !important; margin-bottom: 20px;}
    .trigger-main-div-left p{font-size:15px !important}
    .trigger-main-div-right{width: 90% !important; text-align: center !important}
    /**** TRIGGER - ÜST SON */

/**** HİZMETLER */
    .service-home-main-div{width: 100% !important;}
    .service-home-main-div-inside{width: 100% !important; height: auto; overflow: hidden; margin: 0px auto; text-align: center}
    .service-home-main-div-inside-2{width: 100% !important; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

.service-image-box{width: 250px !important; margin-bottom: 20px !important}
    .service-image-box img{width: 250px !important; height: 150px !important; margin-bottom: 13px !important; }

.service-icon-1-box{display: inline-block; width: 315px; height: auto !important; margin-left:35px; margin-right: 35px; vertical-align: top; overflow: hidden; }
    .service-icon-1-icon{display: inline-block; width:84px ; height: auto !important;overflow: hidden; vertical-align: top; font-size:35px;}
    .service-icon-1-text{display: inline-block; width:230px ; height: auto !important; overflow: hidden; vertical-align: top; text-align: left;}
    .service-icon-1-box:last-child{display: inline-block; width: 315px; height: auto !important; margin-left:35px; margin-right: 35px; vertical-align: top; overflow: hidden; margin-bottom: 0!important;}
    .service-icon-2-box{display: inline-block; width: 244px; height: auto!important; margin-left:0!important; margin-right: 0!important; margin-bottom: 30px !important }
    .service-icon-2-box:last-child{margin-bottom: 0 !important}
    .service-icon-2-box i{font-size:35px !important;}
    /**** HİZMETLER SON */

/**** ÜRÜNLER  */
    .products-home-main-div{width: 100% !important;}
    .products-home-main-div-inside{width: 90% !important; line-height: 35px !important}
    .product_tabs li a {padding: 5px 5px 5px 5px !important; font-size:15px !important;}
    .product-main-box{width:200px !important ;   margin-left:5px !important; margin-right: 5px !important;   }
    .product-main-box-img {    width:185px !important;    height: 185px !important;    }
    .product-main-box-img img {width: 185px !important; min-width: 185px !important;  }
    .product-main-box-category{padding: 0 !important}
    .product-main-box-baslik{font-family: 'Open Sans', Arial; font-size:14px !important; font-weight: 500; line-height: 17px !important;}
    .product-main-box-rate{font-size:16px !important}
    .product-main-box-price h1{font-size:16px !important}
    /**** ÜRÜNLER SON */

/*** ÜRÜN GRUPLARI */
    .product-group-box{width: 290px !important; height: 155px !important;  }
    .product-group-box img{min-width: 290px !important;  max-width: 310px !important;}
    .product-group-box-text{ margin-top: 65px !important; }
    .product-group-box-text-head{font-size:13px !important; padding: 2px 10px 2px 10px !important;}
    .product-group-box-clear{clear: both;}
    .product-group-box-text-browse{font-size:12px !important; padding: 2px 10px 2px 10px !important;}
    /*** ÜRÜN GRUPLARI SON */

/**** TİCARET BİLGİSİ */
    .ticaret-bilgilendirme-main-div{width: 90% !important;}
    .ticaret-bilgilendirme-box{display: inline-block; margin: 15px 0 15px 0 !important; padding-right:0px !important; border-right: 0 !important; border-bottom: 1px solid; padding: 0 0 20px 0 !important;  }
    .ticaret-bilgilendirme-box:last-child{border-bottom: 0 !important}
    /**** TİCARET BİLGİSİ SON */

/* SLIDER MIDDLE */
    .swiper-container-slider-2{width: 100% !important;}
    .slider-middle-mainbox{width: 100%; height: auto!important;  }
    .slider-middle-mainbox-left{ width: 100% !important; margin-bottom: 30px !important; }
    .slider-middle-mainbox-left-baslik{font-size:25px !important;}
    .slider-middle-mainbox-left-spot{font-size:16px !important; margin-bottom: 30px!important;}
    .slider-middle-mainbox-right{width: 100% !important; text-align: center !important; }
    .slider-middle-mainbox-right img{max-width: 200px!important; max-height: 150px!important;  }
    /* SLIDER MIDDLE SON */

/* COUNTER */
    .counter-home-main-div{width: 100% !important;}
    .counter-home-main-div-inside{width: 100% !important; }
    /* COUNTER SON */

/* PRICING TABLE */
    .pricing-home-main-div{width: 100% !important;}
    .pricing-home-main-div-inside{width: 100% !important; }
    .pricing-box{width: 300px !important; margin-bottom: 20px !important;}
    .pricing-tavsiye-board{ width: 295px !important; }
    .pricing-box-icon i{font-size:30px !important;}
    .pricing-box-head{padding: 10px 0 10px 0 !important; font-family: 'Open Sans', Arial; font-size:22px !important; font-weight: 600!important; }
    /* PRICING TABLE SON */

/* BLOG */
    .blog-home-main-div{ width: 100% !important; }
    .blog-home-main-div-inside{width: 100% !important; }
    .blog-box{width: 300px !important; margin-left:0 !important; margin-right: 0 !important; text-align: left; margin-bottom:20px;}
    .blog-box-in{margin:5px !important; width: 290px !important;}
    .blog-box-in img{width: 100% !important; height: 200px !important;  }
    /* BLOG SON */

/* proje */
    .proje-home-main-div{width: 100% !important;}
    .proje-home-main-div-inside{width: 95% !important;}
    .project-item{width: 300px !important}
    .project-item-img{width: 300px !important; height: 230px !important; }
    .project-item-img img{ height: 230px !important; min-width: 300px !important; }
    .project-item-text{font-size:15px !important;}
    .filter-button{font-size:14px !important}
    /* proje SON */

/* EKİP */
    .ekip-home-main-div{width: 100% !important;}
    .ekip-home-main-div-inside{width: 100% !important; }
    /* EKİP SON */

/* ÖZELLİKLER */
    .features-main-header{ margin-bottom: 50px !important;}
    .features-main-header-head{ font-size:20px !important; font-weight: 600; }
    .features-main-header-spot{ font-size:15px !important;  }
    .ozellik-home-main-div{width: 100% !important}
    .ozellik-home-main-div-inside{width: 100% !important; }
    .features-bottom-arrow{position: absolute; left:44% !important;}
    .features-box{width: 280px !important;  margin-left:10px !important; margin-right:10px !important ;  margin-bottom: 25px !important;}
    .features-box-icon{width:40px !important ; height:40px !important ;  margin-right: 14px !important;}
    .features-box-icon-table-ic{height: 40px !important;}
    .features-box-icon i{font-size:15px !important;}
    .features-box-text{width:200px !important ; }
    /* ÖZELLİKLER SON */

/* GALERİ */
    .photo-gallery-home-main-div{width: 100% !important;}
    .photo-galleri-home-box{width: 300px !important; height: 220px !important}
    .photo-galleri-home-box-img{min-width: 300px !important; max-width: 400px !important; min-height: 220px !important; }
    .photo-overlay-table{ width: 300px !important; }
    .photo-overlay-table-in{ height: 220px !important;}
    .photo-overlay-text i{font-size:35px !important; }
    .photo-overlay-text{font-size:16px !important; }
    /* GALERİ SON */

/* YORUMLAR */
    .comments-home-main-div{width: 100% !important;}
    .comments-home-main-div-inside{width: 100% !important; }
    .comments-box-inside{width: 300px !important}
    /* YORUMLAR SON */

/* VİDEOLAR */
    .video-gallery-home-main-div{width: 100% !important}
    .video-gallery-home-main-div-inside{width: 100% !important;}
    .video-gallery-home-box {   width: 300px !important;   margin-left: 10px !important; margin-right:10px !important; margin-top: 10px !important;margin-bottom:10px !important;}
    .video-gallery-home-box-img{width: 300px !important; height: 177px !important; overflow: hidden; }
    .video-gallery-home-box-img img{min-width: 300px !important; max-width: 350px !important; min-height: 177px !important;}

.video-gallery-home-box-overlay{height: 177px !important;  }
    .video-gallery-home-box-overlay-table{width: 300px !important; }
    .video-gallery-home-box-overlay-table-in{ height: 177px !important;}
    /* VİDEOLAR SON */

/* BELGELER */
    .belge-home-main-div{width: 100% !important;}
    .belge-box img{ width:140px !important;  min-height: 80px !important;}
    .belge-box-overlay{width: 140px !important; }
    /* BELGELER SON */

/* EBÜLTEN */
    .bulten-home-main-div{width: 100% !important; }
    .bulten-home-main-div-inside{text-align: center !important; width: 90% !important;}
    .bulten-home-box{ width: 250px !important; }
    .bulten-home-box-baslik{font-size:34px !important; text-align: center !important;}
    .bulten-home-box-spot{font-size:16px !important; text-align: center !important;}
    .bulten-home-box-form {text-align: center !important;}
    .bulten-input{display: inline-block; width: 240px !important; height: 30px !important;  padding-left:25px; border-radius: 50px; margin-right: 0 !important; font-size:13px !important; margin-bottom: 13px !important; }
    .bulten-submit{display: inline-block; width: auto; height: 30px !important; border: 0; outline: none; border-radius: 50px; font-family: 'Open Sans', Arial; font-size:14px; font-weight:bold; padding-left: 30px; padding-right: 30px }
    /* EBÜLTEN SON */

/* MARKALAR */
    .clients-home-main-div{width: 100% !important;}
    .clients-home-main-div-inside{width: 90% !important; }
    .clients-box{width: 200px !important; text-align: center !important;}
    .clients-box img{ max-height: 150px; max-width: 140px !important;}
    /* MARKALAR SON */

/* ALT TRIGGER */
    .trigger-bottom-text-span{font-size:15px !important;  letter-spacing:0.02em !important; margin-right: 5px !important}
    .trigger-bottom-text-span i{font-size:20px !important; margin-top:5px !important; margin-right: 0 !important;}
    .trigger-bottom-phone-span{ font-size:24px !important; font-weight: 700; }
    /* ALT TRIGGER SON*/

/* FOOTER */
    .footer-main-div{width: 100% !important;}
    .footer-dark-ust-main-inside{width: 90% !important;}
    .footer-dark-about-div{width: 100% !important; margin-right: 0!important;  margin-bottom: 30px !important;}
    .footer-dark-social{ margin-bottom: 30px !important;}
    .footer-dark-contact-div{width: 100% !important; margin-bottom: 30px !important; }
    .footer-dark-links-div{width: 140px !important; margin-right: 15px !important; }
    .footer-dark-alt-main-inside{width: 90% !important; }
    .footer-dark-alt-main-left{width: 100% !important;text-align: center !important; }
    .footer-dark-alt-main-right{width: 100% !important;  text-align: center !important; margin-top: 25px !important;}
    .footer-dark-alt-main-right img{max-width:300px !important ; max-height: 70px; }

.footer-light-ust-main-inside{width: 90% !important;}
    .footer-light-about-div{width: 100% !important; margin-right: 0!important;  margin-bottom: 30px !important;}
    .footer-light-social{ margin-bottom: 30px !important;}
    .footer-light-contact-div{width: 100% !important; margin-bottom: 30px !important; }
    .footer-light-links-div{width: 140px !important; margin-right: 15px !important; }
    .footer-light-alt-main-inside{width: 90% !important; }
    .footer-light-alt-main-left{width: 100% !important;text-align: center !important; }
    .footer-light-alt-main-right{width: 100% !important;  text-align: center !important; margin-top: 25px !important;}
    .footer-light-alt-main-right img{max-width:300px !important ; max-height: 70px; }
    /* FOOTER SON */

/* PAGE HEADERS */
    .page-headers-main{width: 100% !important;}
    .page-headers-main-in{width: 90% !important; }
    .page-headers-main-left{width: 100% !important;  text-align: center !important; margin-bottom: 25px;}
    .page-headers-main-right{width: 100% !important;  text-align: center !important;}
    .page-headers-main-right span{padding-right: 5px !important;}
    /* PAGE HEADERS */

.page-spot-quote{font-size:15px !important;}

/* ABOUT PAGE */
    .about-page-main{width: 100% !important;}
    .about-page-text-main{width: 90% !important;  }
    .about-page-content{font-size:15px !important; }
    .about-page-skill-div{width: 100% !important; margin-top: 30px !important;}
    .about-page-skill-left{width: 100% !important; text-align: left; margin-bottom: 30px !important}
    .about-page-skill-right{width: 100% !important; }
    .about-page-skill-baslik{width: 95% !important; font-size:20px !important; margin-bottom: 15px !important; }
    .about-page-skill-content{width: 95% !important; font-size:13px !important; }
    .skill-box-ust{font-size:14px !important;}
    .about-page-baslik{font-size:24px !important;  text-align: center !important}
    .about-page-images-slider{width: 100% !important; margin-top: 25px !important;}

.abouts-home-main-div{ margin: 0px auto; width: 100% !important; }
    .abouts-home-main-div-inside{width: 90% !important; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* ABOUT PAGE */

/* HTML PAGES */
    .html-page-main{width: 100% !important;}
    .html-page-text-main{width: 90% !important;   }
    .html-page-baslik{font-size:24px !important; text-align: center !important;}
    .html-page-content{font-size:15px !important}

/* TAKIM PAGES */
    .team-page-main{width: 100% !important;}
    .team-page-text-main{width: 95% !important; }
    .team-page-baslik{font-size:24px !important;}
    .page-quote{padding: 15px !important; font-size:14px !important;}

/* PRICING PAGES */
    .pricing-page-main{width: 100% !important;}
    .pricing-page-text-main{width: 95% !important; }
    .pricing-page-baslik{font-size:24px !important}

/* ÖZELLİKLER PAGES */
    .features-page-main{width: 100%}
    .features-page-text-main{width: 95% !important;  }
    .features-page-baslik{font-size:24px !important;}

/* E-KATALOG PAGES */
    .catalog-page-main{width: 100%}
    .catalog-page-baslik{width: 100% !important;  margin-top:0 !important;  margin-right: 0 !important; text-align: left }
    .catalog-page-content{width: 100% !important; text-align: center!important;}

/* BANKA PAGES */
    .bank-page-main{width: 100%;}
    .bank-page-text-main{width: 90% !important;  }
    .bank-page-baslik{font-size:24px !important;}
    .bank-no-box{width: 100% !important;  margin-left: 0 !important; margin-right:  0 !important; margin-bottom: 35px; margin-top:  0 !important;}
    .bank-no-box-txt{font-size:13px !important}

.human-resource-page-main{width: 100%}/* İNSNA KAYNAKLARI PAGES */
    .human-resource-page-baslik{width: 100% !important;  margin-top:0 !important; margin-right: 0 !important; }
    .human-resource-page-content{width: 100% !important;}

/* BELGELER PAGES */
    .belgeler-page-main{width: 100%;}
    .belgeler-page-text-main{width: 100% !important;  }
    .belgeler-page-baslik{font-size:24px !important}

/* PROJELER PAGES */
    .projects-page-main{width: 100%}
    .projects-page-text-main{width: 100% !important}
    .projects-page-baslik{font-size:24px !important}

/* PROJE DETAIL */
    .proje-detail-page-main{width: 100%}
    .proje-detail-ust{width: 90% !important;}
    .proje-detail-ust-img{width: 100% !important;  max-height: 550px; margin-right: 0 !important; }
    .proje-detail-ust-img img{width: 100% !important; height: auto;}
    .proje-detail-ust-info{width: 100% !important; margin-top: 30px !important;}
    .proje-detail-ust-info-name{font-size:20px !important;}
    .proje-detail-alt{width: 100% !important;}
    .projects_tabs_ul{margin-bottom: 20px !important;}
    .projects_tabs_ul li{margin-bottom:25px !important;}
    .projects_tabs_ul li a { outline: none; font-size: 13px !important;  }
    .projects_tabs_ul li a i{font-size:15px !important; margin-right: 5px !important;}
    .projects_tabs_content{width: 100% !important; font-size: 14px !important;}

/* HİZMETLER PAGES */
    .services-page-main{width: 100%}
    .services-page-text-main{width: 100% !important; }
    .services-page-baslik{font-size:24px !important;}
    .services-page-content{margin-top: 40px !important}
    .service-icon-1-box{margin-left: 10px !important; margin-right: 10px !important;}
    .service-icon-1-text h2{font-size:13px !important}

/* HİZMETLER DETAIL */
    .services-detail-page-main{width: 100%}
    .services-detail-content{width: 90% !important;  }
    .services-detail-content-left{width: 100% !important}
    .services-detail-content-right{width: 100% !important; margin-left: 0!important; margin-top: 30px !important}
    .services-detail-buttons-left-arrow{display: none !important;}

/* MARKALAR PAGES */
    .markalar-page-main{width: 100%}
    .markalar-page-text-main{width: 100% !important; }
    .markalar-page-baslik{font-size:24px !important;}
    .markalar-page-box img{height: 65px !important;}
    .markalar-page-content{margin-top: 20px !important;}

/* BLOG PAGES */
    .blog-page-main{width: 100%}
    .blog-page-text-main{width: 100% !important;}
    .blog-page-baslik{font-size:24px !important;}

/* BLOG DETAIL */
    .blog-detail-page-main{width: 100%}
    .blog-detail-content{width: 90% !important}
    .blog-detail-content-left{width: 100% !important;}
    .blog-detail-content-right{width: 100% !important; margin-left: 0!important; margin-top: 35px !important;}

/* PHOTO GALLERY PAGES */
    .photogallery-page-main{width: 100%}
    .photogallery-page-text-main{width: 100% !important;}
    .photogallery-page-baslik{font-size:20px !important;}
    .photogallery-page-content{margin-top: 30px !important;}

/* PHOTO GALLERY DETAIL */
    .photogallery-detail-box{width: 280px !important;  height: 195px !important; margin:10px 5px 20px 5px !important ;  }
    .photogallery-detail-box img{max-width: 300px !important; min-width: 280px !important;  min-height: 220px !important;}

/* VIDEO GALLERY PAGES AND DETAIL */
    .videogallery-page-main{width: 100%}

.videogallery-page-text-main{width: 90% !important;}
    .videogallery-page-baslik{font-size:20px !important;}
    .videogallery-page-content{margin-top: 30px !important;}
    .videogallery-page-content-embed{width: 100% !important; height: 250px !important; text-align: center;  }
    .videogallery-page-content-embed iframe{width: 100% !important; height: 250px !important;}

/* İLETİSİM PAGES */
    .contact-page-main{width: 100%}
    .contact-page-icon-box{width: 100% !important; margin:0 !important; margin-bottom: 20px !important; }

/* CART */
    .cart-page-main{width: 100% !important; height: auto; overflow: hidden; margin: 0 auto; padding-bottom: 80px; padding-top: 60px; background-color: #FFF;}
    .cart-left-div{width: 90% !important; height: auto; overflow: hidden; display: inline-block; margin: 0 auto; vertical-align: top; margin-right: 0 !important;  text-align: left;}
    .cart-left-box-main{width: 100%; height: auto; overflow: hidden; border-bottom:1px solid #EBEBEB; text-align: center !important;}
    .cart-left-box-1{width: 100% !important; height: auto; overflow: hidden;  vertical-align: middle; margin:0 !important; }
    .cart-left-box-1 img{width: 60px; height:60px; border:1px solid #EBEBEB; margin-top: 15px }
    .cart-left-box-2{width:100% !important; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; margin: 10px 10px 10px 0;}
    .cart-left-box-2-txt{max-width: 100%;}
    .cart-left-box-3{width:80px!important; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; margin: 10px 10px 10px 0;}
    .cart-left-box-4{width: 120px!important; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; margin: 10px 10px 10px 0; padding: 0px 0 0px 0px; }
    .cart-left-box-4 span {padding: 0 !important;}
    .cart-left-box-5{width: 80px!important; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; margin: 18px 0 18px 0;}
    .cart-left-box-6{width: 100%!important; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; padding: 18px 0 18px 0; text-align: center}
    .step-div-main{width: 100% !important; height: auto; overflow: hidden; text-align: center; margin: 0 auto; margin-bottom: 70px;}
    .step-box span{font-family: 'Open Sans', Arial; font-size:11px !important; color:#000; font-weight: 600; }
    .step-line{width:30px !important; height: 3px; background: #EBEBEB; display: inline-block; vertical-align: middle;}
    .cart-right-div{width: 90%; height: auto; overflow: hidden; display: inline-block; padding: 20px 0 20px 0; vertical-align: top; border: 1px solid #EBEBEB; background-color: #F9F9F9;}
    .delivery-left-div{width: 100%; height: auto; overflow: hidden; display: inline-block; vertical-align: top; margin-right: 50px; text-align: left; padding: 0 10px 0 10px}
    .delivery-right-div{width: 100%; height: auto; background-color: #f6f6f6; overflow: hidden; display: inline-block; vertical-align: top; text-align: left;}

/* PRODUCT DETAIL */
    .product-detail-page-main{width: 100%}
    .product-detail-header{width: 90%; margin:0 auto;  margin-bottom: 30px;}
    .product-detail-header-left{width: 100%; height: auto; display: inline-block; vertical-align: top; margin-right: 0 !important; margin-bottom: 0; border-bottom: 0 solid #EBEBEB; padding-bottom: 20px;}
    .product-detail-header-right{width: 100%; height: auto; display: inline-block; vertical-align: top; }
    .image-box{display: none}
    .product-detail-content-area{width: 90%; margin:0 auto; margin-top: 35px; border-top:1px solid #EBEBEB; padding-top: 35px   }
    .products_tab_ul {  width: 100%; height: auto; margin: 0 auto; text-align: center;  padding: 0 0 9px 0; margin-bottom: 25px; border-bottom: 1px solid #EBEBEB  }
    .products_tab_ul li { display: inline-block;  height: auto;  margin-right: 8px; margin-left: 8px; margin-bottom: 35px; }
    .products_tab_ul li a {    outline: none; font-size: 14px; font-family: 'Open Sans', Arial; font-weight: 500;    padding: 0 15px 15px 15px;    text-decoration: none;    color: #000;}
    .product-detail-header-right-social{width: 100%; height: auto; overflow: hidden; text-align: center }
    .product-detail-header-right-baslik{font-size:20px !important;}
    .mobile-product-image-box{display: block; width: 100%; height: auto; overflow: hidden; margin: 0 auto; border:1px solid #EBEBEB; text-align: center; margin-bottom:0; background-color: #FFF }
    .mobile-product-image-box img{height: 220px !important; max-width: 300px !important;}

/* PRODUCTS LEFT CATEGORY AREA */

.products-page-main{width: 100%;}
    .products-left-bar-main{width: 90% !important; height: auto;display: inline-block; vertical-align: top; text-align: left; margin-right:0 !important;}
    .products-leftmenu{display: none}
    .products-right-main{width: 90% !important;}
    .products-left-bar-div-box{ display: none}
    .products-right-main{width: 100%; height: auto; overflow: hidden; display: inline-block; vertical-align: top;text-align: left;}
    .products-right-nav-head{width: 100%; height: auto; overflow: hidden; padding-right:0; padding-left:0; margin-bottom: 0;}
    .products-right-nav-head-txt{width: 100%; margin-bottom: 25px; text-align: center}
    .products-right-nav-head-select{width: 100%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: left;}
    .products-right-nav-head-select select{width:100%; border:1px solid #EBEBEB; outline: none; font-family: 'Raleway', sans-serif; font-size:13px; color:#333; padding: 6px 20px 6px 8px;}
    .products-right-products-area{ text-align: center }

.responsive-category-wrapper {display: block;  width: 100%;  text-align: left; margin-bottom: 30px  }

/* PRODUCTS */
    .products-page-main {padding-top: 30px !important;}

/*  SKILLS*/
    .skill-page-main{ padding-bottom: 50px; padding-top: 35px; }
    .skill-page-text-main{width: 100%; height: auto; overflow: hidden; margin: 0 auto; }
    .skill-home-main-div{ margin: 0px auto; width: 100%!important; }
    .skill-home-main-div-inside{width:90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* FAQ */
    .faq-page-main{ padding-bottom: 50px; padding-top: 35px; }
    .faq-page-text-main{width: 100%; height: auto; overflow: hidden; margin: 0 auto; }
    .faq-home-main-div{width: 100% !important;}
    .faq-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}
    .accordion-body__contents {
        text-align: left;
    }
    .accordion-header{text-align: left;}
    .faq_span{width: 80%; display: inline-block}

.orders-alerts-inside{width: 100%; height: auto; overflow: hidden; margin: 0 auto; text-align: center;}
}

/*** iphone X - S5 vs *********************************************************************/
@media screen and (max-width:410px) and (min-width:321px) {
    .products_tabs_contents iframe{width: 100%; height: 400px;}
    .products_tabs_contents img{width: 100%; height: auto;}
    /* Sipariş Takip */
    .tracing-input-div{
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }
    .user-order-box-item{flex:none; width: 100%; border-right: 0; border-bottom: 1px solid #ebebeb;}
    .user-order-box-item:first-child{width: 100%; flex: none; text-align: center;}

/* Fixed Header */
    #fixed-header-main{
        display: none !important;
    }    
    /* Fixed Header SON */
    
    /* HEADER 2  **/
    .header-2-menu-main-div{display: none}
    /* HEADER 2  **/

.sag-bar-button{display: none !important;}
    .sag-bar-button2{display: none !important;}
    .orders-alerts-inside{width: 100%; height: auto; overflow: hidden; margin: 0 auto; text-align: center;}

.not-found-page-text{width: 100%; height: auto; overflow: hidden; margin: 0 auto; font-family: 'Raleway', sans-serif; font-size:22px; font-weight: 500; color:#000; text-align: center}

.iyzico-form-areas{width: 90%;}

/* HEADER ALANI ***************************/
    .header-ust-bar-main{display:none;}
    .header-main{display: none}
    .header-mobile-main{width: 100%; height: auto; overflow: hidden; padding: 30px 0 0 0; display: block; text-align: center; }
    .header-mobile-logo{width: 45%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: left; margin-bottom: 30px}
    .header-mobile-logo img{max-width: 144px; height: auto }
    .header-mobile-right{width: 45%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: right;margin-bottom: 30px}
    .header-mobile-right-cart{width: 30%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: center;}
    .header-mobile-right-bars{width: 30%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: right; margin-top: -5px; padding-right: 10px;}
    .header-mobile-menu-search-area{width: 100%; height: auto; background-color: #F8F8F8; border-bottom: 1px solid #EBEBEB; padding: 20px 0 20px 0}
    .header-mobile-menu-search-area input{ width: 260px; border:1px solid #EBEBEB; background: #FFF;  font-family: 'Open Sans', Arial; font-size:14px; padding: 8px;outline: none; color:#000}
    .header-mobile-menu-search-area button{ width: 80px; border:0; font-family: 'Open Sans', Arial; font-size:14px; padding: 8px 0 8px 0; outline: none; color:#FFF; background: dodgerblue;}
    .header-mobile-menu-contact-area{width: 100%; height: auto;  border-bottom: 1px solid #EBEBEB; padding: 20px 0 20px 0}
    .header-mobile-menu-contact-box{width: 90%; height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 15px; text-align: left; }
    .header-mobile-menu-contact-box i{ font-size:18px; margin-right: 12px; float: left;}
    .header-mobile-menu-contact-box p{padding: 0; margin: 0; overflow: hidden; font-family: 'Raleway', Arial; font-size:15px; color:#000; letter-spacing: 0.05em;}
    .header-mobile-menu-contact-box:last-child{margin-bottom: 0;}

/**** SLIDER - ÜST */
    .options-slider-box{width: 290px; height: auto; overflow: hidden;  margin: 0px auto;}
    .slider-text-div{width: 250px; overflow:hidden; display: inline-block;}
    .slider-font-type-baslik{  font-size:18px !important; font-weight: 700;line-height: normal; letter-spacing: 0.04em; margin-bottom: 10px !important; }
    .slider-font-type-spot{  font-size:14px !important; font-weight: 500;line-height: normal; letter-spacing: 0.04em; margin-bottom: 10px;!important; }
    .slider-button-type{font-size:13px !important;  font-weight: 800; margin-top:-1px !important; padding: 2px 8px 2px 8px !important}
    .slider-button-type-2{font-size:13px !important;  font-weight: 800; margin-top:100px !important; padding: 2px 8px 2px 8px !important}
    .options-slider-just-button{width:83%; height: auto; overflow: hidden;  margin: 0px auto; z-index: 2; text-align: center;}

.swiper-button-next{display: none;}
    .swiper-button-prev{display: none;}
    /**** SLIDER - ÜST SON */

.service-image-box{width: 250px !important; margin-bottom: 20px !important}
    .service-image-box img{width: 250px !important; height: 150px !important; margin-bottom: 13px !important; }

/**** HİZMETLER SON */

/**** ÜRÜNLER  */
    .products-home-main-div{width: 100% !important;}
    .products-home-main-div-inside{width: 90% !important; line-height: 35px !important}
    .product_tabs li a {padding: 5px 5px 5px 5px !important; font-size:15px !important;}
    .product-main-box{width:145px !important ;   margin-left:5px !important; margin-right: 5px !important;   }
    .product-main-box-img {    width:125px !important;    height: 125px !important;    }
    .product-main-box-img img {width: 125px !important; min-width: 125px !important;  }
    .product-main-box-category{padding: 0 !important}
    .product-main-box-baslik{font-family: 'Open Sans', Arial; font-size:14px !important; font-weight: 500; line-height: 17px !important;}
    .product-main-box-rate{font-size:16px !important}
    .product-main-box-price h1{font-size:16px !important}
    /**** ÜRÜNLER SON */

/**** TİCARET BİLGİSİ */
    .ticaret-bilgilendirme-main-div{width: 90% !important;}
    .ticaret-bilgilendirme-box{display: inline-block; margin: 15px 0 15px 0 !important; padding-right:0px !important; border-right: 0 !important; border-bottom: 1px solid; padding: 0 0 20px 0 !important;  }
    .ticaret-bilgilendirme-box:last-child{border-bottom: 0 !important}
    /**** TİCARET BİLGİSİ SON */

/* COUNTER */
    .counter-home-main-div{width: 100% !important;}
    .counter-home-main-div-inside{width: 100% !important; }
    /* COUNTER SON */

/* EKİP */
    .ekip-home-main-div{width: 100% !important;}
    .ekip-home-main-div-inside{width: 100% !important; }
    /* EKİP SON */

.page-spot-quote{font-size:15px !important;}

.abouts-home-main-div{ margin: 0px auto; width: 100% !important; }
    .abouts-home-main-div-inside{width: 90% !important; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* ABOUT PAGE */

/* PRICING PAGES */
    .pricing-page-main{width: 100% !important;}
    .pricing-page-text-main{width: 95% !important; }
    .pricing-page-baslik{font-size:24px !important}

/* ÖZELLİKLER PAGES */
    .features-page-main{width: 100%}
    .features-page-text-main{width: 95% !important;  }
    .features-page-baslik{font-size:24px !important;}

/* BELGELER PAGES */
    .belgeler-page-main{width: 100%;}
    .belgeler-page-text-main{width: 100% !important;  }
    .belgeler-page-baslik{font-size:24px !important}

/* PROJELER PAGES */
    .projects-page-main{width: 100%}
    .projects-page-text-main{width: 100% !important}
    .projects-page-baslik{font-size:24px !important}

/* BLOG PAGES */
    .blog-page-main{width: 100%}
    .blog-page-text-main{width: 100% !important;}
    .blog-page-baslik{font-size:24px !important;}

/* VIDEO GALLERY PAGES AND DETAIL */
    .videogallery-page-main{width: 100%}

/* İLETİSİM PAGES */
    .contact-page-main{width: 100%}
    .contact-page-icon-box{width: 100% !important; margin:0 !important; margin-bottom: 20px !important; }

/* PRODUCT DETAIL */
    .product-detail-page-main{width: 100%}
    .product-detail-header{width: 90%; margin:0 auto;  margin-bottom: 30px;}
    .product-detail-header-left{width: 100%; height: auto; display: inline-block; vertical-align: top; margin-right: 0 !important; margin-bottom: 0; border-bottom: 0px solid #EBEBEB; padding-bottom: 20px;}
    .product-detail-header-right{width: 100%; height: auto; display: inline-block; vertical-align: top; }
    .image-box{ display: none}
    .product-detail-content-area{width: 90%; margin:0 auto; margin-top: 35px; border-top:1px solid #EBEBEB; padding-top: 35px   }
    .products_tab_ul {  width: 100%; height: auto; margin: 0 auto; text-align: center;  padding: 0 0 9px 0; margin-bottom: 25px; border-bottom: 1px solid #EBEBEB  }
    .products_tab_ul li { display: inline-block;  height: auto;  margin-right: 8px; margin-left: 8px; margin-bottom: 35px; }
    .products_tab_ul li a {    outline: none; font-size: 14px; font-family: 'Open Sans', Arial; font-weight: 500;    padding: 0 15px 15px 15px;    text-decoration: none;    color: #000;}
    .product-detail-header-right-social{width: 100%; height: auto; overflow: hidden; text-align: center }
    .product-detail-header-right-baslik{font-size:20px !important;}
    .mobile-product-image-box{display: block; width: 100%; height: auto; overflow: hidden; margin: 0 auto; border:1px solid #EBEBEB; text-align: center; margin-bottom:0; background-color: #FFF }
    .mobile-product-image-box img{height: 300px !important; max-width: 330px !important;}
    /* PRODUCTS LEFT CATEGORY AREA */

.responsive-category-wrapper {display: block;  width: 100%;  text-align: left; margin-bottom: 30px  }

/* PRODUCTS */
    .products-page-main {padding-top: 30px !important;}

}

@media screen and (max-width:767px) and (min-width:410px) {
    /* Pixel 2 - iphone plus */
    .products_tabs_contents iframe{width: 100%; height: 400px;}
    .products_tabs_contents img{width: 100%; height: auto;}
    /* Sipariş Takip */
    .tracing-input-div{
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }
    .user-order-box-item{flex:none; width: 100%; border-right: 0; border-bottom: 1px solid #ebebeb;}
    .user-order-box-item:first-child{width: 100%; flex: none; text-align: center;}
    .user-right-content{flex:none; width: 100%;}
    .user-order-info-box{width: 100%}
    .user-order-info-box ul li{width: 100%}
    .user-order-info-main{padding: 15px 0}
    .user-order-info-address{margin-top: 15px; margin-bottom: 0}
    .user-order-info-address:last-child{border-bottom:1px solid #EBEBEB; }
    .user-order-product-inbox{flex:none !important; width: 100% !important; text-align: center; min-height: auto!important; border-bottom: 1px solid #ebebeb;}
    .user-order-pro-div{width: auto; padding: 8px 15px; font-size:13px; color:#000}
    .user-order-pro-div-name{width: 100%; padding: 30px 15px; font-size:13px; color:#000}
    /* Sipariş Takip SON */

/* Fixed Header */
    #fixed-header-main{
        display: none !important;
    }
    /* Fixed Header SON */

/* HEADER 2  **/
    .header-2-menu-main-div{display: none}
    /* HEADER 2  **/

.sag-bar-button{display: none !important;}
    .sag-bar-button2{display: none !important;}

.not-found-page-text{width: 100%; height: auto; overflow: hidden; margin: 0 auto; font-family: 'Raleway', sans-serif; font-size:22px; font-weight: 500; color:#000; text-align: center}

.iyzico-form-areas{width: 90%;}

.orders-alerts-inside{width: 100%; height: auto; overflow: hidden; margin: 0 auto; text-align: center;}
    /* HEADER ALANI ***************************/
    .header-ust-bar-main{display:none;}
    .header-main{display: none}
    .header-mobile-main{width: 100%; height: auto; overflow: hidden; padding: 30px 0 0 0; display: block; text-align: center; }
    .header-mobile-logo{width: 45%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: left; margin-bottom: 30px}
    .header-mobile-logo img{max-width: 144px; height: auto }
    .header-mobile-right{width: 45%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: right;margin-bottom: 30px}
    .header-mobile-right-cart{width: 30%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: center;}
    .header-mobile-right-bars{width: 30%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: right; margin-top: -5px;padding-right: 10px;}
    .header-mobile-menu-search-area{width: 100%; height: auto; background-color: #F8F8F8; border-bottom: 1px solid #EBEBEB; padding: 20px 0 20px 0}
    .header-mobile-menu-search-area input{ width: 260px; border:1px solid #EBEBEB; background: #FFF;  font-family: 'Open Sans', Arial; font-size:14px; padding: 8px;outline: none; color:#000}
    .header-mobile-menu-search-area button{ width: 80px; border:0; font-family: 'Open Sans', Arial; font-size:14px; padding: 8px 0 8px 0; outline: none; color:#FFF; background: dodgerblue;}
    .header-mobile-menu-contact-area{width: 100%; height: auto;  border-bottom: 1px solid #EBEBEB; padding: 20px 0 20px 0}
    .header-mobile-menu-contact-box{width: 90%; height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 15px; text-align: left; }
    .header-mobile-menu-contact-box i{ font-size:18px; margin-right: 12px; float: left;}
    .header-mobile-menu-contact-box p{padding: 0; margin: 0; overflow: hidden; font-family: 'Raleway', Arial; font-size:13px; color:#000; letter-spacing: 0.05em;}
    .header-mobile-menu-contact-box:last-child{margin-bottom: 0;}

/**** SLIDER - ÜST */
    .options-slider-box{width: 290px; height: auto; overflow: hidden;  margin: 0px auto;}
    .slider-text-div{width: 250px; overflow:hidden; display: inline-block;}
    .slider-font-type-baslik{  font-size:18px !important; font-weight: 700;line-height: normal; letter-spacing: 0.04em; margin-bottom: 10px !important; }
    .slider-font-type-spot{  font-size:14px !important; font-weight: 500;line-height: normal; letter-spacing: 0.04em; margin-bottom: 10px;!important; }
    .slider-button-type{font-size:13px !important;  font-weight: 800; margin-top:-1px !important; padding: 2px 8px 2px 8px !important}
    .slider-button-type-2{font-size:13px !important;  font-weight: 800; margin-top:100px !important; padding: 2px 8px 2px 8px !important}
    .options-slider-just-button{width:83%; height: auto; overflow: hidden;  margin: 0px auto; z-index: 2; text-align: center;}
    .swiper-button-next{display: none;}
    .swiper-button-prev{display: none;}

/**** SLIDER - ÜST */

.service-image-box{width: 250px !important; margin-bottom: 20px !important}
    .service-image-box img{width: 250px !important; height: 150px !important; margin-bottom: 13px !important; }

/**** ÜRÜNLER  */
    .products-home-main-div{width: 100% !important;}
    .products-home-main-div-inside{width: 90% !important; line-height: 35px !important}
    .product_tabs li a {padding: 5px 5px 5px 5px !important; font-size:15px !important;}
    .product-main-box{width:145px !important ;   margin-left:5px !important; margin-right: 5px !important;   }
    .product-main-box-img {    width:125px !important;    height: 125px !important;    }
    .product-main-box-img img {width: 125px !important; min-width: 125px !important;  }
    .product-main-box-category{padding: 0 !important}
    .product-main-box-baslik{font-family: 'Open Sans', Arial; font-size:14px !important; font-weight: 500; line-height: 17px !important;}
    .product-main-box-rate{font-size:16px !important}
    .product-main-box-price h1{font-size:16px !important}
    /**** ÜRÜNLER SON */

/**** TİCARET BİLGİSİ */
    .ticaret-bilgilendirme-main-div{width: 90% !important;}
    .ticaret-bilgilendirme-box{display: inline-block; margin: 15px 0 15px 0 !important; padding-right:0px !important; border-right: 0 !important; border-bottom: 1px solid; padding: 0 0 20px 0 !important;  }
    .ticaret-bilgilendirme-box:last-child{border-bottom: 0 !important}
    /**** TİCARET BİLGİSİ SON */

/* COUNTER */
    .counter-home-main-div{width: 100% !important;}
    .counter-home-main-div-inside{width: 100% !important; }
    /* COUNTER SON */

/* EKİP */
    .ekip-home-main-div{width: 100% !important;}
    .ekip-home-main-div-inside{width: 100% !important; }
    /* EKİP SON */

.page-spot-quote{font-size:15px !important;}

.abouts-home-main-div{ margin: 0px auto; width: 100% !important; }
    .abouts-home-main-div-inside{width: 90% !important; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* ABOUT PAGE */

/* PRICING PAGES */
    .pricing-page-main{width: 100% !important;}
    .pricing-page-text-main{width: 95% !important; }
    .pricing-page-baslik{font-size:24px !important}

/* ÖZELLİKLER PAGES */
    .features-page-main{width: 100%}
    .features-page-text-main{width: 95% !important;  }
    .features-page-baslik{font-size:24px !important;}

/* BELGELER PAGES */
    .belgeler-page-main{width: 100%;}
    .belgeler-page-text-main{width: 100% !important;  }
    .belgeler-page-baslik{font-size:24px !important}

/* PROJELER PAGES */
    .projects-page-main{width: 100%}
    .projects-page-text-main{width: 100% !important}
    .projects-page-baslik{font-size:24px !important}

/* BLOG PAGES */
    .blog-page-main{width: 100%}
    .blog-page-text-main{width: 100% !important;}
    .blog-page-baslik{font-size:24px !important;}

/* VIDEO GALLERY PAGES AND DETAIL */
    .videogallery-page-main{width: 100%}

/* İLETİSİM PAGES */
    .contact-page-main{width: 100%}
    .contact-page-icon-box{width: 100% !important; margin:0 !important; margin-bottom: 20px !important; }

/* PRODUCT DETAIL */
    .product-detail-page-main{width: 100%}
    .product-detail-header{width: 90%; margin:0 auto;  margin-bottom: 30px;}
    .product-detail-header-left{width: 100%; height: auto; display: inline-block; vertical-align: top; margin-right: 0 !important; margin-bottom: 0; border-bottom: 0px solid #EBEBEB; padding-bottom: 20px;}
    .product-detail-header-right{width: 100%; height: auto; display: inline-block; vertical-align: top; }
    .image-box{ display: none}
    .product-detail-content-area{width: 90%; margin:0 auto; margin-top: 35px; border-top:1px solid #EBEBEB; padding-top: 35px   }
    .products_tab_ul {  width: 100%; height: auto; margin: 0 auto; text-align: center;  padding: 0 0 9px 0; margin-bottom: 25px; border-bottom: 1px solid #EBEBEB  }
    .products_tab_ul li { display: inline-block;  height: auto;  margin-right: 8px; margin-left: 8px; margin-bottom: 35px; }
    .products_tab_ul li a {    outline: none; font-size: 14px; font-family: 'Open Sans', Arial; font-weight: 500;    padding: 0 15px 15px 15px;    text-decoration: none;    color: #000;}
    .product-detail-header-right-social{width: 100%; height: auto; overflow: hidden; text-align: center }
    .product-detail-header-right-baslik{font-size:20px !important;}
    .mobile-product-image-box{display: block; width: 100%; height: auto; overflow: hidden; margin: 0 auto; border:1px solid #EBEBEB; text-align: center; margin-bottom:0; background-color: #FFF }
    .mobile-product-image-box img{height: 300px !important; max-width: 330px !important;}

/* PRODUCTS LEFT CATEGORY AREA */

.responsive-category-wrapper {display: block;  width: 100%;  text-align: left; margin-bottom: 30px  }

/* PRODUCTS */
    .products-page-main {padding-top: 30px !important;}

}

@media screen and (max-width:1023px) and (min-width:767px) {
    /* Ipad */

.products_tabs_contents iframe{width: 100%; height: 400px;}
    .products_tabs_contents img{max-width: 100%; height: auto;}
    /* Sipariş Takip */
  .tracing-order-main-div{
      width: 95%;
      margin: 0 auto;
  }
    /* Sipariş Takip SON */

/* Fixed Header */
    #fixed-header-main{
        display: none !important;
    }
    /* Fixed Header SON */

/* HEADER 2  **/
    .header-2-menu-main-div{display: none}
    /* HEADER 2  **/
    .sag-bar-button{display: none !important;}
    .sag-bar-button2{display: none !important;}
    .iyzico-form-areas{width: 90%;}
    .orders-alerts-inside{width: 100%; height: auto; overflow: hidden; margin: 0 auto; text-align: center;}
    .header-ust-bar-in{width: 92%;  margin: 0px auto; }
    .header-main{display: none}
    .options-slider-box{width: 100%; height: auto; overflow: hidden;  margin: 0px auto;}
    .header-ust-bar-left{width: 30%;  display: inline-block;vertical-align: top; margin-bottom: 30px;}
    .header-ust-bar-right{width: 70%; height: auto; text-align: right; display: inline-block; vertical-align: top;}
    .header-ust-bar-right-table-ic{width: 100%; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap }
    .header-ust-bar-right-table-ic-box{margin-right: 15px; margin-bottom: 10px;}
    .header-ust-bar-left-table-ic a{margin-right: 10px}
    .header-mobile-main{width: 100%; height: auto; overflow: hidden; padding: 30px 0 0 0; display: block; text-align: center; }
    .header-mobile-logo{width: 45%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: left; margin-bottom: 30px}
    .header-mobile-logo img{max-width: 144px; height: auto }
    .header-mobile-right{width: 45%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: right;margin-bottom: 30px}
    .header-mobile-right-cart{width: 45%; height: auto;  display: inline-block; vertical-align: middle; text-align: right; }
    .header-mobile-right-cart i{font-size:32px !important;}
    .header-mobile-right-bars{width: 15%; height: auto;display: inline-block; vertical-align: middle; text-align: right; margin-top: -5px;padding-right: 10px; }
    .header-mobile-menu-search-area{width: 100%; height: auto; background-color: #F8F8F8; border-bottom: 1px solid #EBEBEB; padding: 20px 0 20px 0}
    .header-mobile-menu-search-area input{ width: 82%; border:1px solid #EBEBEB; background: #FFF;  font-family: 'Open Sans', Arial; font-size:14px; padding: 8px;outline: none; color:#000}
    .header-mobile-menu-search-area button{ width: 80px; border:0; font-family: 'Open Sans', Arial; font-size:14px; padding: 8px 0 8px 0; outline: none; color:#FFF; background: dodgerblue;}
    .header-mobile-menu-contact-area{width: 100%; height: auto;  border-bottom: 1px solid #EBEBEB; padding: 20px 0 20px 0}
    .header-mobile-menu-contact-box{width: auto; height: auto; display: inline-block; vertical-align: top; overflow: hidden;  margin: 0 auto; margin-bottom: 15px; margin-left: 10px; margin-right: 10px; text-align: left; }
    .header-mobile-menu-contact-box i{ font-size:27px; margin-right: 12px; float: left; margin-top: 5px;}
    .header-mobile-menu-contact-box p{padding: 0; margin: 0; overflow: hidden; font-family: 'Raleway', Arial; font-weight: 700; font-size:24px; color:#000; letter-spacing: 0.05em;}
    .header-mobile-menu-contact-box:last-child{margin-bottom: 0;}
    .ladder a {
        text-decoration: none;
        font-family: 'Open Sans', sans-serif; font-size:18px; font-weight: 500;
        width: 100%; padding: 16px 30px 16px 30px;
        display: block;
    }
    /**** SLIDER - ÜST */
    .options-slider-box{width: 83%; height: auto; overflow: hidden;  margin: 0px auto; z-index: 2}
    .options-slider-just-button{width:83%; height: auto; overflow: hidden;  margin: 0px auto; z-index: 2; text-align: center;}
    .slider-font-type-baslik{ font-size:32px !important;  }
    .slider-font-type-spot{ font-size:18px !important;  }
    .slider-button-type{font-size:14px; }
    .swiper-container {
        width: 100% !important; margin: 0px auto;
    }
    /**** SLIDER - ÜST */

/**** MODUL BAŞLIKLARI DİVİDER */
    .modules-header-main{margin-bottom: 25px !important}
    .modules-header-main-baslik{font-size:26px !important}
    .modules-header-main-spot{font-size:15px !important; width: 80% !important}
    /**** MODUL BAŞLIKLARI DİVİDER */

/**** HİZMETLER */
    .service-home-main-div{width: 100% !important;}
    .service-home-main-div-inside{width: 90% !important; height: auto; overflow: hidden; margin: 0px auto; text-align: center}
    .service-home-main-div-inside-2{width: 100% !important; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

.service-image-box{width: 250px !important; margin-bottom: 20px !important}
    .service-image-box img{width: 250px !important; height: 150px !important; margin-bottom: 13px !important; }
    /**** HİZMETLER SON */

/**** ÜRÜNLER  */
    .products-home-main-div{width: 100% !important;}
    .products-home-main-div-inside{width: 90% !important; line-height: 35px !important}
    .product_tabs li a {padding: 5px 8px 5px 8px !important; font-size:16px !important;}
    .product-main-box{width:200px !important ;   margin-left:5px !important; margin-right: 5px !important;   }
    .product-main-box-img {    width:185px !important;    height: 185px !important;    }
    .product-main-box-img img {width: 185px !important; min-width: 185px !important;  }
    .product-main-box-category{padding: 0 !important}
    .product-main-box-baslik{font-family: 'Open Sans', Arial; font-size:14px !important; font-weight: 500; line-height: 17px !important;}
    .product-main-box-rate{font-size:16px !important}
    .product-main-box-price h1{font-size:16px !important}
    /**** ÜRÜNLER SON */

/*** ÜRÜN GRUPLARI */
    .product-group-box{width: 290px !important; height: 155px !important;  }
    .product-group-box img{min-width: 290px !important;  max-width: 310px !important;}
    .product-group-box-text{ margin-top:65px !important; }
    .product-group-box-text-head{font-size:13px !important; padding: 2px 10px 2px 10px !important;}
    .product-group-box-clear{clear: both;}
    .product-group-box-text-browse{font-size:12px !important; padding: 2px 10px 2px 10px !important;}
    /*** ÜRÜN GRUPLARI SON */

/**** TİCARET BİLGİSİ */
    .ticaret-bilgilendirme-main-div{width: 90% !important;}
    .ticaret-bilgilendirme-box{display: inline-block; margin: 15px 0 15px 0 !important; padding-right:0px !important;  padding: 0 10px 0 10px !important;  }
    .ticaret-bilgilendirme-box-i{display:inline-block; font-size:28px !important; margin-right: 10px !important; vertical-align: middle; text-align: left;}
    .ticaret-bilgilendirme-box-text{ display: inline-block; width: 140px !important; vertical-align: middle;text-align: left; }
    .ticaret-bilgilendirme-box:last-child{border-right: 0 !important; padding-right: 0 !important}

/**** TİCARET BİLGİSİ SON */

.abouts-home-main-div{ margin: 0px auto; width: 100% !important; }
    .abouts-home-main-div-inside{width: 90% !important; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* ABOUT PAGE */

/* SLIDER MIDDLE */
    .slider-middle-mainbox{width: 100%; height: 400px; overflow: hidden; text-align: center; padding-top: 30px; padding-bottom: 30px; }
    .swiper-container-slider-2 {width: 100% !important;}
    .slider-middle-mainbox-left{display: inline-block; width: 50%; height: auto; vertical-align: middle; text-align: left !important; }
    .slider-middle-mainbox-left-baslik{width: 100%; margin:0 auto; height: auto; overflow: hidden; font-family: 'Raleway', Arial; font-size:28px !important; font-weight: 300; margin-bottom: 20px;}
    .slider-middle-mainbox-left-spot{width: 100%;  margin:0 auto; height: auto; overflow: hidden; font-family: 'Open Sans', Arial; font-size:16px; font-weight: 300;}
    .slider-middle-mainbox-left-button{width: 100%; height: auto;  margin:0 auto; overflow: hidden; }
    .slider-middle-mainbox-right{display: inline-block; width: 30%; height: auto; vertical-align: middle; text-align: right; }
    .slider-middle-mainbox-right img{max-width: 230px; max-height: 340px; }
    /* SLIDER MIDDLE SON */

/* COUNTER */
    .counter-home-main-div{width: 100% !important;}
    .counter-home-main-div-inside{width: 100% !important; }
    .counter-box{width: 180px !important; overflow: hidden; display: inline-block; margin-left:20px; margin-right: 20px; margin-bottom: 20px; padding:30px 10px 30px 10px; vertical-align: middle}
    .counter-box i{font-size:22px;}
    .counter-box span{font-size:30px; font-family: 'Open Sans',Arial; font-weight: 700;}
    .counter-box label{ font-size:18px; font-family: 'Open Sans',Arial; font-weight: 400;}
    /* COUNTER SON */

/* PRICING */
    .pricing-home-main-div{ width: 100% !important; }
    .pricing-home-main-div-inside{width: 100%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}
    .pricing-box{width: 290px; height: auto; overflow: hidden; display: inline-block; vertical-align: top; transition-duration: 0.2s; transition-timing-function: linear; background-color: #FFF; border: 1px solid #EBEBEB; margin-left: 15px; margin-top: 15px; margin-right: 15px; margin-bottom: 30px;}
    .pricing-tavsiye-board{ height: auto; width: 287px; overflow: hidden; position: absolute; padding: 7px 0 7px 0; font-family: 'Open Sans', Arial; font-size:14px; font-weight: bold;  letter-spacing: 0.1em;}
    .pricing-box-head{font-size:20px !important;}

/* BLOG */
    .blog-home-main-div{ width: 100% !important }
    .blog-home-main-div-inside{width: 100%;}

/* PROJECT */
    .proje-home-main-div{ width: 100% !important }
    .proje-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}
    .project-item {
        position: relative;
        width: 280px !important;
        height: auto;
        overflow: hidden;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 30px;
    }
    .project-item-img{width: 280px !important;  height: 280px; overflow: hidden; }
    .project-item-text{ width: 100%; height: auto; padding-top: 20px; padding-bottom: 20px; font-family: 'Open Sans', Arial; font-size:15px !important; font-weight: 700; letter-spacing: 0.01em; }

/* TEAM */
    .ekip-home-main-div{ width: 100% !important }
    .ekip-home-main-div-inside{width: 100%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* FEATURES */
    .ozellik-home-main-div{ width: 100% !important }
    .ozellik-home-main-div-inside{width: 100%;height: auto; overflow: hidden; margin: 0px auto; text-align: center}
    .features-box{width: 280px;  margin-left:10px ; margin-right:10px ;}
    .features-box-icon{width:50px ; height:50px ; margin-right: 20px;  }
    .features-box-icon-table-ic{display: table-cell; width: 100%; vertical-align: middle; height: 50px;}
    .features-box-icon i{font-size:23px;}
    .features-box-text{width:210px ; }

/* COMMENTS */
    .comments-home-main-div{ width: 100% !important }
    .comments-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}
    .comments-box-inside{ width: 290px; height: auto; overflow: hidden; margin: 0 auto;  }

/* EBULTEN */
    .bulten-home-main-div{width: 100% !important}
    .bulten-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; }

/* PHOTO GALERİ */
    .photo-gallery-home-main-div{ width: 100% !important }

/* VIDEO GALERI */
    .video-gallery-home-main-div{ width: 100% !important  }
    .video-gallery-home-main-div-inside{width: 100%; margin: 0 auto; overflow: hidden; text-align: center}

/* BELGELER */
    .belge-home-main-div{ width: 100% !important; }
    .belge-box a{font-size:30px; color:#FFF; text-shadow: 1px 1px 0 #000}
    .belge-box img{ min-height: 150px; width:200px !important;}
    .belge-box-overlay{opacity: 0; background: rgba(0,0,0,0.7); transition: 0.3s ease-in-out 0s; width: 200px; height:100%; position: absolute;}

/* SKILLS */
    .skill-home-main-div{ width: 100% !important; }
    .skill-home-main-div-inside{width:70%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* FAQ */
    .faq-home-main-div{ width: 100% !important; }
    .faq-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* CLIENTS */
    .clients-home-main-div{width: 100% !important;  }
    .clients-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* Footer */

.footer-dark-ust-main-inside{width: 90% !important; margin: 0 auto; overflow: hidden; text-align: center}
    .footer-dark-about-div{width: 100%; height: auto; overflow: hidden; display: inline-block; vertical-align: top; margin-right: 0;  text-align: center; margin-bottom: 50px}
    .footer-dark-alt-main-inside{width: 90%; margin: 0 auto; overflow: hidden; text-align: left}
    .footer-dark-alt-main-right img{max-width:300px; max-height: 70px; }

.footer-light-ust-main-inside{width: 90% !important; margin: 0 auto; overflow: hidden; text-align: center}
    .footer-light-contact-div{width: 200px; margin-right: 55px;  }
    .footer-light-links-div{width: 170px; margin-right: 20px; }

.footer-light-about-div{width: 100%; height: auto; overflow: hidden; display: inline-block; vertical-align: top; margin-right: 0;  text-align: center; margin-bottom: 50px}
    .footer-light-alt-main-inside{width: 90%; margin: 0 auto; overflow: hidden; text-align: left}
    .footer-light-alt-main-right img{max-width:300px; max-height: 70px; }

.page-spot-quote{font-size:15px !important;}

.abouts-home-main-div{ margin: 0px auto; width: 100% !important; }
    .abouts-home-main-div-inside{width: 90% !important; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* ABOUT PAGE */

/* PRICING PAGES */
    .pricing-page-main{width: 100% !important;}
    .pricing-page-text-main{width: 95% !important; }
    .pricing-page-baslik{font-size:24px !important}

/* ÖZELLİKLER PAGES */
    .features-page-main{width: 100%}
    .features-page-text-main{width: 95% !important;  }
    .features-page-baslik{font-size:24px !important;}

/* E-KATALOG PAGES */
    .catalog-page-main{width: 100%}
    .catalog-page-baslik{width: 90% !important;  margin-top:0 !important;  margin-right: 0 !important; text-align: center }
    .catalog-page-content{width: 100% !important; text-align: center!important; }

/* BANKA PAGES */
    .bank-page-main{width: 100%;}
    .bank-page-text-main{width: 100% !important;  }
    .bank-page-baslik{font-size:24px !important;}
    .bank-no-box{width: 300px !important;  margin-left: 15px !important; margin-right:  15px !important; margin-bottom: 35px; margin-top:  0 !important;}
    .bank-no-box-txt{font-size:13px !important}

/* İNSNA KAYNAKLARI PAGES */
    .human-resource-page-main{width: 100%}
    .human-resource-page-baslik{width: 90% !important;  margin-top:0 !important; margin-right: 0 !important; text-align: center }
    .human-resource-page-content{width: 90% !important; margin: 0 auto !important}

/* BELGELER PAGES */
    .belgeler-page-main{width: 100%;}
    .belgeler-page-text-main{width: 100% !important;  }
    .belgeler-page-baslik{font-size:24px !important}

/* PROJELER PAGES */
    .projects-page-main{width: 100%}
    .projects-page-text-main{width: 90% !important}
    .projects-page-baslik{font-size:24px !important}

/* PROJE DETAIL */
    .proje-detail-page-main{width: 100%}
    .proje-detail-ust{width: 90%; height: auto; overflow: hidden; margin:0 auto; margin-bottom: 50px; }
    .proje-detail-ust-img{width: 450px; height: auto; max-height: 550px; overflow: hidden; display: inline-block; vertical-align: top; margin-right: 40px; }
    .proje-detail-ust-img img{width: 450px; height: auto;}

.proje-detail-alt{width: 90% !important;}
    .projects_tabs_ul{margin-bottom: 20px !important;}
    .projects_tabs_ul li{margin-bottom:25px !important;}
    .projects_tabs_ul li a { outline: none; font-size: 13px !important;  }
    .projects_tabs_ul li a i{font-size:15px !important; margin-right: 5px !important;}
    .projects_tabs_content{width: 100% !important; font-size: 14px !important;}

/* BLOG PAGES */
    .blog-page-main{width: 100%}
    .blog-page-text-main{width: 100% !important;}
    .blog-page-baslik{font-size:24px !important;}

/* VIDEO GALLERY PAGES AND DETAIL */
    .videogallery-page-main{width: 100%}

.videogallery-page-text-main{width: 90% !important;}
    .videogallery-page-baslik{font-size:20px !important;}
    .videogallery-page-content{margin-top: 30px !important;}
    .videogallery-page-content-embed{width: 100% !important; height: 350px !important; text-align: center;  }
    .videogallery-page-content-embed iframe{width: 70% !important; height: 350px !important;}

/* İLETİSİM PAGES */
    .contact-page-main{width: 100%}
    .contact-page-icon-box{width: 100% !important; margin:0 !important; margin-bottom: 20px !important; }

.step-div-main{width: 100%;}
    .step-line{width: 100px; height: 3px; background: #EBEBEB; display: inline-block; vertical-align: middle;}

.cart-right-div{width: 300px; height: auto; overflow: hidden; display: block; float:right; margin-right: 50px; padding: 20px 0 20px 0; vertical-align: top; border: 1px solid #EBEBEB; background-color: #F9F9F9;}
    .delivery-left-div{width: 100%; height: auto; overflow: hidden; display: inline-block; vertical-align: top; margin-right: 50px; text-align: left; padding: 0 10px 0 10px}
    .delivery-right-div{width: 100%; height: auto; background-color: #f6f6f6; overflow: hidden; display: inline-block; vertical-align: top; text-align: left;}

.mobile-product-image-box{display: block; width: 100%; height: auto; overflow: hidden; margin: 0 auto; border:0px solid #EBEBEB; text-align: center; margin-bottom:30px; background-color: #999 }
    .mobile-product-image-box img{height: 350px !important;}

/* PRODUCTS LEFT CATEGORY AREA */

.responsive-category-wrapper {display: block;  width: 100%;  text-align: left; margin-bottom: 30px  }

/* PRODUCTS */
    .products-page-main {padding-top: 30px !important;}

}

@media screen and (max-width:1100px) and (min-width:1023px) {
    /* Ipad Pro*/

.products_tabs_contents iframe{width: 100%; height: 400px;}
    .products_tabs_contents img{max-width: 100%; height: auto;}
    /* Sipariş Takip */
    .tracing-order-main-div{
        width: 95%;
        margin: 0 auto;
    }
    /* Sipariş Takip SON */

/* Fixed Header */
    #fixed-header-main{
        display: none !important;
    }
    /* Fixed Header SON */

/* HEADER 2  **/
    .header-2-menu-main-div{display: none}
    /* HEADER 2  **/
    .sag-bar-button{display: none !important;}
    .sag-bar-button2{display: none !important;}
    .orders-alerts-inside{width: 100%; height: auto; overflow: hidden; margin: 0 auto; text-align: center;}
    .iyzico-form-areas{width: 90%;}

.header-ust-bar-in{width: 92%;  margin: 0px auto; }
    .header-main{display: none}
    .options-slider-box{width: 100%; height: auto; overflow: hidden;  margin: 0px auto;}
    .header-ust-bar-left{width: 30%;  display: inline-block;vertical-align: top;}
    .header-ust-bar-right{width: 70%; height: auto; text-align: right; display: inline-block; vertical-align: top;}
    .header-ust-bar-right-table-ic{width: 100%; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap }
    .header-ust-bar-right-table-ic-box{margin-right: 15px; margin-bottom: 10px;}
    .header-ust-bar-left-table-ic a{margin-right: 10px}
    .header-mobile-main{width: 100%; height: auto; overflow: hidden; padding: 30px 0 0 0; display: block; text-align: center; }
    .header-mobile-logo{width: 45%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: left; margin-bottom: 30px}
    .header-mobile-logo img{max-width: 144px; height: auto }
    .header-mobile-right{width: 45%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: right;margin-bottom: 30px}
    .header-mobile-right-cart{width: 45%; height: auto;  display: inline-block; vertical-align: middle; text-align: right; }
    .header-mobile-right-cart i{font-size:32px !important;}
    .header-mobile-right-bars{width: 15%; height: auto;display: inline-block; vertical-align: middle; text-align: right; margin-top: -5px; padding-right: 10px;}
    .header-mobile-menu-search-area{width: 100%; height: auto; background-color: #F8F8F8; border-bottom: 1px solid #EBEBEB; padding: 20px 0 20px 0}
    .header-mobile-menu-search-area input{ width: 82%; border:1px solid #EBEBEB; background: #FFF;  font-family: 'Open Sans', Arial; font-size:14px; padding: 8px;outline: none; color:#000}
    .header-mobile-menu-search-area button{ width: 80px; border:0; font-family: 'Open Sans', Arial; font-size:14px; padding: 8px 0 8px 0; outline: none; color:#FFF; background: dodgerblue;}
    .header-mobile-menu-contact-area{width: 100%; height: auto;  border-bottom: 1px solid #EBEBEB; padding: 20px 0 20px 0}
    .header-mobile-menu-contact-box{width: auto; height: auto; display: inline-block; vertical-align: top; overflow: hidden;  margin: 0 auto; margin-bottom: 15px; margin-left: 10px; margin-right: 10px; text-align: left; }
    .header-mobile-menu-contact-box i{ font-size:27px; margin-right: 12px; float: left; margin-top: 5px;}
    .header-mobile-menu-contact-box p{padding: 0; margin: 0; overflow: hidden; font-family: 'Raleway', Arial; font-weight: 700; font-size:24px; color:#000; letter-spacing: 0.05em;}
    .header-mobile-menu-contact-box:last-child{margin-bottom: 0;}
    .ladder a {
        text-decoration: none;
        font-family: 'Open Sans', sans-serif; font-size:18px; font-weight: 500;
        width: 100%; padding: 16px 30px 16px 30px;
        display: block;
    }
    /**** SLIDER - ÜST */
    .options-slider-box{width: 83%; height: auto; overflow: hidden;  margin: 0px auto; z-index: 2}
    .options-slider-just-button{width:83%; height: auto; overflow: hidden;  margin: 0px auto; z-index: 2; text-align: center;}
    .slider-font-type-baslik{ font-size:32px !important;  }
    .slider-font-type-spot{ font-size:18px !important;  }
    .slider-button-type{font-size:14px; }
    .swiper-container {
        width: 100% !important; margin: 0px auto;
    }
    /**** SLIDER - ÜST */

/**** ÜRÜNLER  */
    .products-home-main-div{width: 100% !important;}
    .products-home-main-div-inside{width: 90% !important; line-height: 35px !important}
    .product_tabs li a {padding: 5px 8px 5px 8px !important; font-size:16px !important;}
    .product-main-box{width:200px !important ;   margin-left:5px !important; margin-right: 5px !important;   }
    .product-main-box-img {    width:185px !important;    height: 185px !important;    }
    .product-main-box-img img {width: 185px !important; min-width: 185px !important;  }
    .product-main-box-category{padding: 0 !important}
    .product-main-box-baslik{font-family: 'Open Sans', Arial; font-size:14px !important; font-weight: 500; line-height: 17px !important;}
    .product-main-box-rate{font-size:16px !important}
    .product-main-box-price h1{font-size:16px !important}
    /**** ÜRÜNLER SON */

/*** ÜRÜN GRUPLARI */
    .product-group-box{width: 290px !important; height: 155px !important;  }
    .product-group-box img{min-width: 290px !important;  max-width: 310px !important;}
    .product-group-box-text{ margin-top:65px !important; }
    .product-group-box-text-head{font-size:13px !important; padding: 2px 10px 2px 10px !important;}
    .product-group-box-clear{clear: both;}
    .product-group-box-text-browse{font-size:12px !important; padding: 2px 10px 2px 10px !important;}
    /*** ÜRÜN GRUPLARI SON */

/**** TİCARET BİLGİSİ */
    .ticaret-bilgilendirme-main-div{width: 90% !important;}
    .ticaret-bilgilendirme-box{display: inline-block; margin: 15px 0 15px 0 !important; padding-right:0px !important;  padding: 0 10px 0 10px !important;  }
    .ticaret-bilgilendirme-box-i{display:inline-block; font-size:28px !important; margin-right: 10px !important; vertical-align: middle; text-align: left;}
    .ticaret-bilgilendirme-box-text{ display: inline-block; width: 140px !important; vertical-align: middle;text-align: left; }
    .ticaret-bilgilendirme-box:last-child{border-right: 0 !important; padding-right: 0 !important}

/**** TİCARET BİLGİSİ SON */

.abouts-home-main-div{ margin: 0px auto; width: 100% !important; }
    .abouts-home-main-div-inside{width: 90% !important; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* ABOUT PAGE */

/* SLIDER MIDDLE */
    .slider-middle-mainbox{width: 100%; height: 400px; overflow: hidden; text-align: center; padding-top: 30px; padding-bottom: 30px; }
    .swiper-container-slider-2 {width: 100% !important;}
    .slider-middle-mainbox-left{display: inline-block; width: 60%; height: auto; vertical-align: middle; text-align: left !important; }
    .slider-middle-mainbox-left-baslik{width: 100%; margin:0 auto; height: auto; overflow: hidden; font-family: 'Raleway', Arial; font-size:28px !important; font-weight: 300; margin-bottom: 20px;}
    .slider-middle-mainbox-left-spot{width: 100%;  margin:0 auto; height: auto; overflow: hidden; font-family: 'Open Sans', Arial; font-size:16px; font-weight: 300;}
    .slider-middle-mainbox-left-button{width: 100%; height: auto;  margin:0 auto; overflow: hidden; }
    .slider-middle-mainbox-right{display: inline-block; width: 30%; height: auto; vertical-align: middle; text-align: right; }
    .slider-middle-mainbox-right img{max-width: 300px; max-height: 340px; }
    /* SLIDER MIDDLE SON */

/* BLOG */
    .blog-home-main-div{ width: 100% !important }
    .blog-home-main-div-inside{width: 100%;}

/* PROJECT */
    .proje-home-main-div{ width: 100% !important }
    .proje-home-main-div-inside{width: 80%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* TEAM */
    .ekip-home-main-div{ width: 100% !important }
    .ekip-home-main-div-inside{width: 100%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* FEATURES */
    .ozellik-home-main-div{ width: 100% !important }
    .ozellik-home-main-div-inside{width: 100%;height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* EBULTEN */
    .bulten-home-main-div{width: 100% !important}
    .bulten-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; }

/* PHOTO GALERİ */
    .photo-gallery-home-main-div{ width: 100% !important }

/* VIDEO GALERI */
    .video-gallery-home-main-div{ width: 100% !important  }
    .video-gallery-home-main-div-inside{width: 100%; margin: 0 auto; overflow: hidden; text-align: center}

/* SKILLS */
    .skill-home-main-div{ width: 100% !important; }
    .skill-home-main-div-inside{width:70%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* FAQ */
    .faq-home-main-div{ width: 100% !important; }
    .faq-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* CLIENTS */
    .clients-home-main-div{width: 100% !important;  }
    .clients-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* Footer */

.footer-light-ust-main-inside{width: 90% !important; margin: 0 auto; overflow: hidden; text-align: center}
    .footer-light-about-div{width: 100%; height: auto; overflow: hidden; display: inline-block; vertical-align: top; margin-right: 0;  text-align: center; margin-bottom: 50px}
    .footer-light-alt-main-inside{width: 90%; margin: 0 auto; overflow: hidden; text-align: left}
    .footer-light-alt-main-right img{max-width:300px; max-height: 70px; }

.page-spot-quote{font-size:15px !important;}

.abouts-home-main-div{ margin: 0px auto; width: 100% !important; }
    .abouts-home-main-div-inside{width: 90% !important; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

/* ABOUT PAGE */

/* PRICING PAGES */
    .pricing-page-main{width: 100% !important;}
    .pricing-page-text-main{width: 95% !important; }
    .pricing-page-baslik{font-size:24px !important}

/* ÖZELLİKLER PAGES */
    .features-page-main{width: 100%}
    .features-page-text-main{width: 95% !important;  }
    .features-page-baslik{font-size:24px !important;}

/* BELGELER PAGES */
    .belgeler-page-main{width: 100%;}
    .belgeler-page-text-main{width: 100% !important;  }
    .belgeler-page-baslik{font-size:24px !important}

/* PROJELER PAGES */
    .projects-page-main{width: 100%}
    .projects-page-text-main{width: 75% !important}
    .projects-page-baslik{font-size:24px !important}

/* BLOG PAGES */
    .blog-page-main{width: 100%}
    .blog-page-text-main{width: 100% !important;}
    .blog-page-baslik{font-size:24px !important;}

/* VIDEO GALLERY PAGES AND DETAIL */
    .videogallery-page-main{width: 100%}

.videogallery-page-text-main{width: 90% !important;}
    .videogallery-page-baslik{font-size:20px !important;}
    .videogallery-page-content{margin-top: 30px !important;}
    .videogallery-page-content-embed{width: 100% !important; height: 350px !important; text-align: center;  }
    .videogallery-page-content-embed iframe{width: 70% !important; height: 350px !important;}

/* İLETİSİM PAGES */
    .contact-page-main{width: 100%}
    .contact-page-icon-box{width: 100% !important; margin:0 !important; margin-bottom: 20px !important; }

.step-div-main{width: 100%;}
    .step-line{width: 100px; height: 3px; background: #EBEBEB; display: inline-block; vertical-align: middle;}

/* PRODUCT DETAIL */
    .product-detail-page-main{width: 100%}
    .product-detail-header{width: 90%; margin:0 auto;  margin-bottom: 30px;}
    .product-detail-header-left{width: 400px; height: auto; display: inline-block; vertical-align: top; margin-right: 30px;}
    .product-detail-header-right{width: 400px; height: auto; display: inline-block; vertical-align: top; }
    .image-box{display: none;}
    .product-detail-content-area{width: 90%; margin:0 auto; margin-top: 35px; border-top:1px solid #EBEBEB; padding-top: 35px   }
    .products_tab_ul {  width: 100%; height: auto; margin: 0 auto; text-align: center;  padding: 0 0 9px 0; margin-bottom: 25px; border-bottom: 1px solid #EBEBEB  }
    .products_tab_ul li { display: inline-block;  height: auto;  margin-right: 8px; margin-left: 8px; margin-bottom: 35px; }
    .products_tab_ul li a {    outline: none; font-size: 14px; font-family: 'Open Sans', Arial; font-weight: 500;    padding: 0 15px 15px 15px;    text-decoration: none;    color: #000;}
    .product-detail-header-right-social{width: 100%; height: auto; overflow: hidden; text-align: center }

.mobile-product-image-box{display: block; width: 100%; height: auto; overflow: hidden; margin: 0 auto; border:0px solid #EBEBEB; text-align: center; margin-bottom:30px; background-color: #F8F8F8 }
    .mobile-product-image-box img{height: 350px !important;}
    /* PRODUCTS LEFT CATEGORY AREA */

.responsive-category-wrapper {display: block;  width: 100%;  text-align: left; margin-bottom: 30px  }

/* PRODUCTS */
    .products-page-main {padding-top: 30px !important;}

}

@media screen and (max-width:1439px) and (min-width:1101px) {

/* Fixed Header */
    .fixed-header-logo{
        width:120px;
        height: auto;
    }
    .fixed-header-logo img{
        max-height: 55px;
        max-width: 100px;
    }
    /* Fixed Header SON */

.header-2-main-in{width: 90% !important;}
    .header-2-menu-main-div-in{width: 90% !important;}

.header-ust-bar-in{width: 90% !important; margin: 0px auto; }
    .header-main-in{width:  95% !important;  margin: 0px auto; }
    .header-main-left{width: 12%;  display: inline-block;vertical-align: top;}
    .header-main-left-table-ic{text-align: center;}
    .header-main-left-table-ic img{max-height: 170px; max-width: 140px !important; margin-top:20px; margin-bottom: 20px}

.header-main-right{width: 88%;  display: inline-block;vertical-align: top; text-align: right}

.options-slider-box{width: 1000px; height: auto; overflow: hidden;  margin: 0px auto;}
    .trigger-main-div-in{width: 1000px;}

.options-slider-just-button{width: 1000px; height: auto; overflow: hidden;  margin: 0px auto; z-index: 2; text-align: center;}
    .products-home-main-div-inside{width: 1000px; height: auto; overflow: hidden; margin: 0px auto; text-align: center}
    .abouts-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}
    .counter-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

.counter-box{width: 200px; overflow: hidden; display: inline-block; margin-left:12px; margin-right: 12px; margin-bottom: 12px; padding:20px 10px 20px 10px; vertical-align: middle}
    .counter-box i{font-size:30px;}
    .counter-box span{font-size:28px; font-family: 'Open Sans',Arial; font-weight: 700;}
    .counter-box label{ font-size:15px; font-family: 'Open Sans',Arial; font-weight: 400;}

.blog-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}
    .blog-box-in{margin:10px; width: 250px !important;}
    .blog-box-in img{width: 250px !important; height: 175px; margin-bottom:25px; transition: transform 0.3s ease-in-out; }
    .blog-box-in-header{width: 100%; height: auto; overflow: hidden; font-family: 'Open Sans', Arial; font-size:16px; font-weight: bold; margin-bottom: 14px; }

.pricing-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}
    .pricing-box{width: 300px; height: auto; overflow: hidden; display: inline-block; vertical-align: top; transition-duration: 0.2s; transition-timing-function: linear; background-color: #FFF; border: 1px solid #EBEBEB; margin-left: 15px; margin-top: 15px; margin-right: 15px; margin-bottom: 30px;}
    .pricing-tavsiye-board{ height: auto; width: 296px; overflow: hidden; position: absolute; padding: 7px 0 7px 0; font-family: 'Open Sans', Arial; font-size:14px; font-weight: bold;  letter-spacing: 0.1em;}
    .proje-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

.project-item{width: 300px !important}
    .project-item-img{width: 300px !important; height: 230px !important; }
    .project-item-img img{ height: 230px !important; min-width: 300px !important; }
    .project-item-text{font-size:15px !important;}
    .filter-button{font-size:14px !important}
    .ekip-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}
    .ozellik-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}
    .video-gallery-home-main-div-inside{width: 90%; margin: 0 auto; overflow: hidden; text-align: center}
    .comments-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

.skill-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}
    .bulten-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; }
    .faq-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}

.clients-home-main-div-inside{width: 90%; height: auto; overflow: hidden; margin: 0px auto; text-align: center}
    .footer-dark-ust-main-inside{width: 90%; margin: 0 auto; overflow: hidden; text-align: center}
    .footer-dark-about-div{width: 250px;}
    .footer-dark-logo img{max-width: 200px; max-height: 90px;}
    .footer-dark-contact-div{width: 250px; height: auto; overflow: hidden; display: inline-block; vertical-align: top; margin-right: 95px;  text-align: left;}
    .footer-dark-alt-main-inside{width: 90%; margin: 0 auto; overflow: hidden; text-align: left}
    .footer-light-ust-main-inside{width: 90%; margin: 0 auto; overflow: hidden; text-align: center}
    .footer-light-about-div{width: 250px;}
    .footer-light-logo img{max-width: 200px; max-height: 90px;}
    .footer-light-contact-div{width: 250px; height: auto; overflow: hidden; display: inline-block; vertical-align: top; margin-right: 95px;  text-align: left;}
    .footer-light-alt-main-inside{width: 90%; margin: 0 auto; overflow: hidden; text-align: left}

.page-headers-main-in{width: 90%; height: auto; overflow: hidden; margin: 0 auto; text-align: center;}
    .about-page-text-main{width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
    .about-page-skill-div{width: 90%; height: auto; overflow: hidden; margin: 0 auto; border: 1px solid #EBEBEB;margin-top: 100px; padding: 50px; }
    .html-page-text-main{width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
    .belgeler-page-text-main{width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
    .team-page-text-main{width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
    .pricing-page-text-main{width: 90%; height: auto; overflow: hidden; margin: 0 auto; }

.features-page-text-main{width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
    .catalog-page-baslik{width: 20%; padding:30px 0 30px 0; height: auto;  margin-bottom:20px; margin-top:20px; background-color: #f8f8f8; border: 1px solid #EBEBEB; display: inline-block; vertical-align: top; margin-right: 20px; text-align: left }
    .catalog-page-baslik-img{width: 100%; height: auto; text-align: center;}
    .catalog-page-baslik-img img{width: 100%; height: auto; text-align: center;}
    .catalog-page-content{width: 65%; height: auto; overflow: hidden; display: inline-block; vertical-align: top; text-align: left}
    .catalog-box{width: 220px; height: auto; overflow: hidden; display: inline-block; vertical-align: top; border: 1px solid #EBEBEB; margin:10px; padding: 0 0 20px 0;  text-align: center}
    .catalog-box-img{width: 220px; height: 200px; overflow: hidden; margin: 0 auto}
    .catalog-box-img img{min-width: 220px; height: 200px; }
    .catalog-box-txt{width: 220px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 20px; margin-bottom: 35px; color:#000}

.bank-page-text-main{width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
    .bank-no-box{width: 365px; height: auto; overflow: hidden; text-align: center;  display: inline-block; vertical-align: top; margin-left: 55px; margin-right: 55px; margin-bottom: 35px; margin-top: 35px; border: 1px solid #d9d9d9; background-color: #FFF;}
    .skill-page-text-main{width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
    .faq-page-text-main{width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
    .projects-page-text-main{width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
    .services-page-text-main{width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
    .markalar-page-text-main{width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
    .blog-page-text-main{width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
    .photogallery-page-text-main{width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
    .services-detail-content{width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
    .services-detail-content-left{width: 650px; height: auto; overflow: hidden; display: inline-block; vertical-align: top;}
    .blog-detail-content{width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
    .blog-detail-content-left{width: 650px; height: auto; overflow: hidden; display: inline-block; vertical-align: top;}
    .proje-detail-ust{width: 90%; height: auto; overflow: hidden; margin:0 auto; margin-bottom: 50px; }
    .proje-detail-ust-img{width: 400px; height: auto; max-height: 550px; overflow: hidden; display: inline-block; vertical-align: top; margin-right: 70px; }
    .proje-detail-ust-img img{width: 400px; height: auto;}
    .proje-detail-alt{width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
    .projects_tabs_content{width: 100%; margin: 0 auto; display: none; font-family: 'Open Sans', Arial; font-size:15px; color:#333; line-height: 24px;}
    .products-left-bar-main{width: 306px; height: auto;display: inline-block; vertical-align: top; text-align: left; margin-right:20px;}
    .products-right-main{width: 730px; height: auto; overflow: hidden; display: inline-block; vertical-align: top;text-align: left;}
    .products-right-products-area{width: 100%; height: auto; overflow: hidden;  text-align: center}
    .product-detail-header{width: 95%; margin:0 auto;  margin-bottom: 30px;}
    .product-detail-header-left{width: 420px; height: auto; display: inline-block; vertical-align: top; margin-right: 55px;}
    .image-box .thumbs .thumb-img {
        display: block;
        width: 80px; height:80px;

}
    .image-box .large-image {
        width: 100%;
        height: 400px;
        background-color: #F9F9F9;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .product-detail-content-area{width: 90%; margin:0 auto; margin-top: 60px;  }
    .delivery-left-div{width: 550px; height: auto; overflow: hidden; display: inline-block; vertical-align: top; margin-right: 50px; text-align: left; padding: 0 10px 0 10px}
    .delivery-right-div{width: 500px; height: auto; background-color: #f6f6f6; overflow: hidden; display: inline-block; vertical-align: top; text-align: left;}
    .cart-right-div{width: 320px; height: auto; overflow: hidden; display: inline-block; float: right; padding: 20px 0 20px 0; vertical-align: top; margin-right: 120px; border: 1px solid #EBEBEB; background-color: #F9F9F9;}

.ticaret-bilgilendirme-main-div{width: 95%; height: auto; overflow: hidden; margin:0px auto; margin-top:50px; margin-bottom: 50px; text-align: center;}
    .ticaret-bilgilendirme-box{display: inline-block; margin: 30px 35px 30px 0; padding-right:10px;  }
    .ticaret-bilgilendirme-box-i{display:inline-block; font-size:35px; margin-right: 20px; vertical-align: middle; text-align: left;}

}

@media screen and (max-width:1599px) and (min-width:1440px) {

.header-ust-bar-in{width: 1300px;  margin: 0px auto; }
    .header-main-in{width: 1300px;  margin: 0px auto; }
    .options-slider-box{width: 1200px; height: auto; overflow: hidden;  margin: 0px auto;}
    .trigger-main-div-in{width: 1200px;}

.ticaret-bilgilendirme-main-div{width: 90%; height: auto; overflow: hidden; margin:0px auto; margin-top:50px; margin-bottom: 50px; text-align: center;}

.footer-dark-alt-main-inside{width: 100%; margin: 0 auto; overflow: hidden; text-align: left}
    .footer-light-alt-main-inside{width: 95%; margin: 0 auto; overflow: hidden; text-align: left}
    .footer-dark-contact-div{width: 260px; height: auto; overflow: hidden; display: inline-block; vertical-align: top; margin-right: 95px;  text-align: left;}
    .footer-light-contact-div{width: 260px; height: auto; overflow: hidden; display: inline-block; vertical-align: top; margin-right: 75px;  text-align: left;}

}

@media screen and (max-width:1680px) and (min-width:1600px) {
    .header-ust-bar-in{width: 1300px;  margin: 0px auto; }
    .header-main-in{width: 1300px; margin: 0px auto; }
    .options-slider-box{width: 1300px; height: auto; overflow: hidden;  margin: 0px auto;}
    .trigger-main-div-in{width: 1300px;}
}

İptal

📁 PHP Dosya Yöneticisi

📝 responsive.css

📝 responsive.css

📝 Yeniden Adlandır

🔐 Dosya İzinleri (chmod)