/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 480px) {
  .columncift {
    width: 50%;
    height: 35px; 
	padding: 5px;
  }
  
   .columntek {
    width: 100%;
    height: 35px; 
	padding: 5px;
  }
  
  .arayapiskan {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #ff4707;
   color: white;
   text-align: center;
   z-index:100;
}


  .arayapiskan p {
   color: white;
   text-align: center;
  font-size:20px;
  height:20px;
  font-weight:600;
}

  .arayapiskan p a:link{
   color: white;
}
  
}



/* Tablet Kapat */
@media screen and (max-width:1023px) and (min-width:767px) {
  .columncift {
    width: 50%;
    height: 35px; 
	padding: 5px;
	display:none;
  }
  
   .columntek {
    width: 100%;
    height: 35px; 
	padding: 5px;
		display:none;
  }
  
  
   .arayapiskan {display:none; }
}



/* 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: 'Open Sans', 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: 10px 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: 20px}

    .header-mobile-logo img{max-width: 150px; height: auto }

    .header-mobile-right{width: 45%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align: right;margin-bottom: 20px}

    .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: 'Open Sans', 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: 260px !important; height: 155px !important;  }

    .product-group-box img{min-width: 260px !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: 285px !important; height: 220px !important}

    .photo-galleri-home-box-img{min-width: 285px !important; max-width: 400px !important; min-height: 220px !important; }

    .photo-overlay-table{ width: 285px !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; padding: 20px 0px 0px 5px;}

    .footer-dark-links-div{width: 125px !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: 'Open Sans', 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;}



    .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;}

    .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: 'Open Sans', 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: 10px 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: 15px}

    .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: 20px}

    .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: 'Open Sans', 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 */





    /**** 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: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 */







    /*** Ü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; padding:15px 15px 0px 15px; }

    .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: 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 */



    .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: 'Open Sans', 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}





}









@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: 'Open Sans', 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: 10px 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: 20px}

    .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: 20px}

    .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: 'Open Sans', 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 */



    /**** 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: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 */







    /*** Ü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: 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 */



    .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: 'Open Sans', 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}



}









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

    /* Ipad */

.arayapiskan {display:none; }

    .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: 100%;display: inline-block;vertical-align: top;margin-bottom: 10px;}

    .header-ust-bar-right{width: 100%;height: auto;text-align: right;display: inline-block;vertical-align: top;}

    .header-ust-bar-right-table-ic{width: 100%;display: flex;justify-content: center;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: 10px 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: 20px}

    .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: 20px}

    .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: 'Open Sans', 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 */





    /**** 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: 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 */







    /* 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 */







    /* 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: 'Open Sans', 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 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: 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;}





    /* 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: 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; }







    /* 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;}



    .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;}





    /* 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;}

    .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 }



    .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 */





    .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: 'Open Sans', sans-serif; font-size:13px; color:#333; padding: 6px 20px 6px 8px;}

    .products-right-products-area{ text-align: center }

    .products-left-bar-search-div input{width: 80% !important;}



    .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}







}





@media screen and (max-width:1100px) and (min-width:1023px) {

    /* Ipad Pro*/

.arayapiskan {display:none; }

    .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: 100%;margin: 0px auto;}

    .header-main{display: none}

    .options-slider-box{width: 100%; height: auto; overflow: hidden;  margin: 0px auto;}

    .header-ust-bar-left{width: 29%;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%;justify-content: left;align-items: end;flex-wrap: wrap;}

    .header-ust-bar-right-table-ic-box{margin-right: 0px;margin-bottom: 10px;}

    .header-ust-bar-left-table-ic a{margin-right: 10px}

    .header-mobile-main{width: 100%; height: auto; overflow: hidden; padding: 10px 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: 20px}

    .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: 20px}

    .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: 'Open Sans', 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 */





    /**** 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: 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 */







    /* 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 */







    /* 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: 'Open Sans', 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 */







    /* 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: 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}



    /* 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-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 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: 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: 75% !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;}





    /* 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: 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; }







    /* 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;}



    .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;}





    /* 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 */





    .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: 'Open Sans', sans-serif; font-size:13px; color:#333; padding: 6px 20px 6px 8px;}

    .products-right-products-area{ text-align: center }

    .products-left-bar-search-div input{width: 90% !important;}



    .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}









}







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






.arayapiskan {display:none; }


    /* 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) {

.arayapiskan {display:none; }

    .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:4096px) and (min-width:1600px) {
    .arayapiskan {display:none; }
    .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;}

}