﻿@-ms-viewport{width:device-width}

@media only screen and (max-height:750px){
    #contact .container div { padding: 4px; font-size: 28px;}
    
}

@media only screen and (max-width:1220px){
}
@media only screen and (max-width:1024px){
	#technology, .px-carousel{
		overflow:hidden;
		position:relative;
	}
	#career .acik-pozisyonlar .owl-wrapper-outer{height: 513px;} 
	#career .acik-pozisyonlar li table td {line-height: 45px; height: 45px;}
   
}


@media only screen and (max-width:1005px){

}

/* 960 ve üstü genişlik */
@media only screen and (min-width:960px){
    footer .logo{display:block}
    
	
}
/* iphone 4 */
@media only screen and (max-width:360px) and (max-height:480px ){
    .featherlight .featherlight-content {
        min-width: 90% !important;
    }
   
}


/* 768px ve üstü genişlik */
@media only screen and (min-width:768px){



    footer .logo{display:block}
    header{background:none;}
	body{background:url('../images/bg/section.header.jpg') no-repeat center top;background-size: cover;}
	
    #about{ background-image:url('../images/bg/section.about.jpg')}    
	#about .slider-container .owlNav{margin-top:-56px;}
    #services{background-image:url('../images/bg/section.services.jpg')}
    #technology{background-image:url('../images/bg/section.technology.jpg')}
    #career{background-image:url('../images/bg/section.career.jpg')}
	.slider-container{padding:0 36px;}
	#services .detailContent p,#career .detailPage p,#career .gt-kariyer p, #about .gt-kimdir p{ padding:0 10%;}
	
    
	#technology .tabs {margin-bottom: 1px;}
	#technology .yazilim,#technology .altyapi  {padding-top: 30px;}
	
	#career .organizasyon-yapisi .p39666 .sdSlider .owl-item:first-child{ text-align:right!important;	}
	#career .organizasyon-yapisi .p39666 .sdSlider .owl-item:last-child{ text-align:left!important;}
    #career .organizasyon-yapisi .p50043 .sdSlider .owl-item:first-child{ text-align:right!important;   }
    #career .organizasyon-yapisi .p50043 .sdSlider .owl-item:last-child{ text-align:left!important;}
}	

/* 768px ve altı genişlik */
@media only screen and (max-width:767px){   
    .featherlight-next { left: 80% !important; } 
    header{background-image:url('../images/bg/section.header.jpg');background-size: cover;}
	body{background:none;}
	header p.slogan1, header p.slogan2 {margin: 0;font-size: 40px;}

    #slogan p { font-size:24px;}
    #slogan {
        margin-top: 70px;
    }

    #about{background-image:url('../images/bg/small/section.about.jpg');}    
    #services{background-image:url('../images/bg/small/section.services.jpg')}
    #technology{background-image:url('../images/bg/small/section.technology.jpg')}
    #career{background-image:url('../images/bg/small/section.career.jpg')}
	#career .acik-pozisyonlar li table td{font-size:1em;}
	#technology .tabContent.sistem p { margin-top:10px!important;}
 
    
		#products .px-list{padding:20px 11%;} 
		#products .px-list li{ margin:0 5px;}
		#products .px-carousel .px-paging-wrapper,#products .px-carousel .px-list-buttons,#products .owl-controls{ display:none;}
        #products .list-inline{margin-left:-75px!important;}
       

	#technology .sistem .owl-carousel {padding:0px;}
	#technology .sistem .owl-carousel .owl-wrapper-outer{ overflow: hidden!important; height: 280px;}
	#career .gtde-hayat .owl-controls{display:block!important}
    #career .gtde-hayat .sdSlider .owl-controls{margin-top:15px !important}
    #career .gtde-hayat .owl-theme .owl-controls .owl-page span{margin: -1px 1px;} 
     	section#career .tabs{display:none;}
	    section .select-tabs{ height:auto;display:block; text-align:center;  border-bottom: 1px solid #D7D7D7;}
		section .select-tabs .select-container{ display:inline-block;background-color: #EFEFEF;  padding: 8px 12px;  margin: 10px;border: 1px solid #a5adba;  border-radius: 20px;}
		section .select-tabs  .customSelect {  }
		section .select-tabs  .customSelect.changed {}
		section .select-tabs  .customSelectFocus {}
		section .select-tabs  .customSelectOpen {}
		section .select-tabs  .customSelectInner {background:url(/images/customSelect-arrow.gif) no-repeat center right;}
	
	#career .gt-kariyer p, #about .gt-kimdir p{ padding:0 7px;}
}
@media only screen and (max-width:1024px){
	#about .markalar .markaSlider .marka img,
    #technology .yazilim .sdSlider .yazilim-sub img,
    #technology .altyapi .sdSlider .altyapi-sub img {-webkit-filter:grayscale(0); filter:none; filter:grayscale(0); opacity: 1;} 
   
}


/* 767 ve altı genişlik */
@media only screen and (max-width:767px){
    nav .navbar-collapse ul.nav li{width:100% !important}

    .md-text-left{text-align:left !important}
    .md-text-right{text-align:right !important}
    .md-text-center{text-align:center !important}


    /* Tabs */
    section .tabs{margin-bottom:10px}
   .owlNav{display:none;}
    header{padding-top:50px}
    body{font-size:11px !important}
    nav.navbar .navbar-collapse ul.nav li:first-child{display:none!important;/* Hide logo item */}

    

    /* Navigation */
    nav.navbar{border:none !important;top:0 !important;bottom:auto !important;position:fixed !important}
    nav.navbar .navbar-header a.logo{display:block; float:left;width:100px;height:40px;margin:5px}
    nav.navbar .navbar-header a.logo img{height:100%}
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height:100% !important}
        
    /* Menu Navigation */
    nav .navbar-collapse ul.nav{height:100%}
    nav .navbar-collapse ul.nav li a{display:block;width:100%;height:40px;line-height:40px;font-size:16px;text-align:left;padding:0 10px}

    /* ABOUT -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */            
            /* Sub-Section: Gt-Kimdir */
            #about .gt-kimdir{padding-top:2%}
                #about .gt-kimdir p{margin-bottom:2%;font-size:16px}

    /* SERVİCES -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */  
    #services .sdSlider li > div img, #career .ik-politikasi .sdSlider li > div img{ margin-right:10px;}
    .label-item{font-size: 14px;}

    /* Contact Section */
    #contact .container div { font-size: 22px;padding: 2px!important}
    #map .pin{width:27px;height:45px;margin-left:-14px;position:absolute;top:-39px;left:50%}

    /* Footer Section */
    footer{height:195px;padding-top: 14px;overflow: hidden;}
        footer .logo{display: block; margin-left: 15px;}
        footer .container{font-size:0.9em}
        footer .copyright{height:30px;width:100%;line-height:0 !important;}
         footer .copyright span{display: block; }
         .footer-copy-text {padding-top: 60px;line-height: 15px;}
            
        footer .right{position:relative;float:left;height:30px;padding:10px 0;margin:0 10px;width:95%}
        footer a.legal{float:left}
        footer a.social{float:left}
		

	.px-list-buttons {
		left: 0px;
		right: 0px;
	}
}

@media only screen and (max-width:768px){
	.owlNav{display:none;}
	.owl-carousel {padding:0;}
	.owl-carousel .owl-wrapper-outer{ overflow: visible!important;}
}

@media only screen and (max-height:480px){

}

/* Web / Laptop / Tablet */  
@media (min-width:990px) and (max-height:750px){
	header{padding-top:0;}
    /*.languages{display: none}*/
     .languages-nav{display: none; float: right; margin-right: 13px; margin-top: 13px;}
	header p.slogan1, header p.slogan2 { margin: 10px 0 0 0;font-size: 50px; }
    /*---Section Genel---*/
    section .tabs{height:70px}
    section .tabs li{height:70px}
    section .tabs li a{height:40px;padding-top:30px}

    /*---Section About---*/
    #about .gtkimdir{padding-top:60px}
    #about .markalar .categoryContent{height:340px;margin-top:0} 

    /*Markalar Slider Önerisi*/
    #about .markalar .sdSlider li{height:340px} 

    /*---Section Services---*/
    #services .sliderTab{height:70px;padding-top:0}
    #services .sliderTab span{height:40px;line-height:40px;padding-top:30px}

    #services .sdSlider,
    #career .ik-politikasi .sdSlider{height:500px;position:absolute;}
    #services .sdSlider li,
    #career .ik-politikasi .sdSlider li{height:430px;padding-top:40px}
    #services .detailPage,
    #career .ik-politikasi .detailPage{height:400px;padding-top:20px}
    #services .detailPage.open,
    #career .ik-politikasi .detailPage.open{top:70px}
    #services .detailPage p,
    #career .ik-politikasi .detailPage p{margin-bottom:20px;line-height:20px;font-size:16px}

    /*---Section Technology---*/
    #technology .sistem{height:450px}
    #technology .sistem .sdSlider{height:450px}
    #technology .sistem .sdSlider li{height:410px}

    #technology .yazilim{height:450px;padding-top:0}
    #technology .yazilim .sdSlider{height:450px}
    #technology .yazilim .sdSlider li{height:450px}
    #technology .yazilim .sdSlider li .yazilim-sub{height:140px;margin-bottom:0}

    #technology .altyapi{padding-top:0px}

    /*---Section Career---*/
    

    /* Sub-Section: Gt-Kimdir */
    #career .acik-pozisyonlar{top:100px;height: 390px;}
        #career .acik-pozisyonlar li table td{height:76px;line-height:76px;font-size:10px}
            #career .acik-pozisyonlar li table td.pozisyon{font-size:20px}

    #career .gtde-hayat{height:430px;padding-top:20px}
    #career .gtde-hayat .categoryContent p{margin-top:20px;color:#fff;font-size:16px !important;line-height:20px}      
    #career .gtde-hayat .sdSlider{bottom:0}  

    #career .organizasyon-yapisi{height:430px;padding-top:20px}
    #career .organizasyon-yapisi .categoryContent{margin-top:20px}  
    #career .organizasyon-yapisi .sdSlider{height:310px}
    #career .organizasyon-yapisi .sdSlider li{height:270px;padding-top:40px}


}

 
/* Web / Tablet */ 
@media (min-width:768px) and (max-width:990px){
        /*.languages{display: none;}*/
        .languages-nav{display: none; float: right; margin-right: 13px; margin-top: 13px;}
    /*---Section Genel---*/
    section .tabs li a{font-size:15px;line-height:16px}

    /*---Section Header---*/
    header .fSize60{font-size:48px}
    header .fSize16{font-size:14px}
	header p.slogan1, header p.slogan2 { margin: 10px 0 0 0;font-size: 50px; }
	
    /*---Section About---*/
    #about .gtkimdir{padding-top:60px}
    #about .markalar .categoryContent{width:100%;height:305px}
    #about .markalar .categoryContent .marka{width:32%;height:150px}

    /*Markalar Slider Önerisi*/
    #about .markalar .sdSlider{width:100%;height:305px} 
    #about .markalar .sdSlider li{width:100%;height:305px} 
    #about .markalar .sdSlider .marka{width:32%;height:150px}
   
    /*---Section Services---*/
    #services .sdSlider li > div,
    #career .ik-politikasi .sdSlider li > div{margin-left:30px;margin-right:0}
    #services .detailPage p,
    #career .ik-politikasi .detailPage p{margin:0;margin-bottom:20px}

    /*---Section Technology--*/
    #technology .sistem .sdSlider .object{width:230px;height:290px;margin-top:-150px;left:40px;background-size:100% !important}
    #technology .sistem .sdSlider p{width:410px;font-size:26px}
    #technology .yazilim .sdSlider li{text-align:center}
    #technology .yazilim .sdSlider li .yazilim-sub{display:inline-block;width:180px;height:150px;margin:0;margin-left:12px;margin-right:12px;margin-bottom:5px;float:none}
    #technology .altyapi .sdSlider li{text-align:center}
    #technology .altyapi .sdSlider li .altyapi-sub{display:inline-block;float:none;margin:0 10px}
    
    /*---Section Career---*/
    #career .gtde-hayat .sdSlider li{padding:0;text-align:center}      
    #career .gtde-hayat .sdSlider li .slide{display:inline-block;margin-left:3px;margin-right:3px;float:none}

    #career .organizasyon-yapisi .categoryTabs{width:100%;text-align:center}
    #career .organizasyon-yapisi .sdSlider{text-align:center}   
    #career .organizasyon-yapisi .sdSlider .pie{display:inline-block;margin:0 5px;float:none}

}
 

/* Tablet */
@media (max-width:767px){	
	.xs-text-left{text-align:left !important}
    .xs-text-right{text-align:right !important}
    .xs-text-center{text-align:center !important}
    /*---Section Genel---*/
    section .tabs{height:50px}
    section .tabs li{height:50px}
    section .tabs li a{height:20px;padding-top:10px;font-size:12px}
    .btnClose{width:100px;height:30px;line-height:30px}

    /*---Section Header---*/
    header .fSize60{font-size:32px}
    header .fSize16{font-size:12px}
    header .btnNext{bottom:50px}

    #nav-mobile{display:block}
    body{padding-top:50px}

    header .navigation{width:240px !important;height:100%;z-index:1000;background-color:#181d26;overflow:hidden;position:fixed;top:0;left:-240px;z-index:9999999}
    header .navigation.open{left:0px;}
    header .navigation li{display:block;width:240px;height:59px;border-bottom:1px solid #282c37;float:none !important}
    header .navigation li.logo{width:auto;display:block !important;margin-top:20px;background:url('../images/logo.png') no-repeat center;background-size:contain;text-indent:-9999px}
    header .navigation li a{display:block;width:210px;height:59px;padding-left:30px;color:#f6f7f9;font-family:'BrandonLight';line-height:59px;text-align:left}
    header .navigation li a:hover{color:#ff3b41}
    header .navigation li.active a{color:#ff3b41}

    /*---Section About---*/
    #about .gtkimdir{padding-top:20px}
    #about .gtkimdir p{font-size:19px}
    #about .gtkimdir .categoryContent{width:98%}

    #about .markalar .categoryContent{width:100%;height:205px}
    #about .markalar .categoryContent .marka{width:32%;height:100px;background-size:90% !important}
    #about .markalar .categoryContent .marka a{background-size:90% !important}

    /*Markalar Slider Önerisi*/
    #about .markalar .sdSlider{width:100%} 
    #about .markalar .sdSlider li{height:305px} 
    #about .markalar .sdSlider .marka{background-size:90% !important}

    /*---Section Services---*/
    #services .sliderTab span{width:70%}
    #services .sdSlider li > div,
	#products .px-carousel ul li span{font-size:12px;}
	
	#career{};
    #career .ik-politikasi li > div{width:95%;padding: 0 2.5%}

    /*---Section Technology--*/
    #technology .sistem .sdSlider .object{position:initial;width:100%;max-width:400px;height:50%;margin:-31px auto 0 auto;left:0; top:0;background-size:40% !important}
    #technology .sistem .sdSlider p{width:99%;left:0;font-size:17px!important;top:40%;text-align:center;padding:10px 20px!important;margin: 10px auto}
    #technology .yazilim{position:relative}
    #technology .altyapi .sdSlider li{text-align:center}
    #technology .altyapi .sdSlider li .altyapi{display:inline-block;float:none;margin:0 10px}

    /*---Section Career---*/
    /*#career .sdSlider .owl-item{height:250px !important;overflow:hidden}*/
    #career .sdSlider li{padding:0;text-align:center}    

    /* Sub-Section: Gt-Kimdir */
    #career .acik-pozisyonlar{top:100px}
        #career .acik-pozisyonlar li table td{height:60px;line-height:60px}
            #career .acik-pozisyonlar li table td.pozisyon{font-size:16px}

    #career .gtde-hayat .categoryTabs{margin-top:0;height:auto}
    #career .gtde-hayat .categoryTabs li { width: 150px; }
    #career .gtde-hayat .categoryContent p{margin-top:20px;font-size:13px !important;line-height:18px}  
    #career .gtde-hayat .sdSlider li .slide{display:inline-block;margin-left:3px;margin-right:3px;float:none}
	
	#career .gt-kariyer p {margin-bottom: 4%; color: #fff; font-size: 16px;	}

    #career .organizasyon-yapisi .categoryTabs{width:100%;height:auto!important;text-align:center}
    #career .organizasyon-yapisi .categoryTabs li{width:45%;float:left;margin:1%}
    #career .organizasyon-yapisi .categoryTabs li a{font-size:12px; line-height: 30px!important;}
    #career .organizasyon-yapisi .sdSlider{text-align:center}   
    #career .organizasyon-yapisi .sdSlider  .pie{display:inline-block;margin:0 5px;float:none}
    #career .organizasyon-yapisi .mobile .sdSlider{margin-left:10%;min-width:180px;display:block !important;margin:3px auto !important;float:none !important;margin:0} 
    #career .organizasyon-yapisi .mobile .sdSlider .pie{min-width:180px;min-height:110px;margin:0}
    #career .organizasyon-yapisi .mobile .sdSlider .owl-item{min-width:185px;min-height:250px}
	#career .organizasyon-yapisi .mobile .sdSlider .pie span.title { top: 190px!important;};

    #products .list-inline{margin-left:-75px!important;}
}
 



@media (max-width:380px){
  #services .sdSlider li > div{width:50%;height:150px;margin-bottom:15px;float:left;text-align: center;}
  #services .sdSlider li > div img{float:none}
  #services .owl-theme .owl-controls{margin-top: 0px}
  #services .label-item{font-size: 12px; width:100%; height:63px; padding-top: 6px; display: block; overflow: hidden;text-align: center; }
  #services .label-item span{display: block;}

  #products .list-inline{margin-left:-75px!important;}

}
/* Telefon */
@media (max-width:480px){
     select.hasCustomSelect {
    font-size: 17px!important;
}
    /*---Section Genel---*/
    section .tabs{height:50px}
    section .tabs li{height:50px}
    section .tabs li a{height:30px;padding-top:20px;font-size:10px;line-height:12px}

    section .categoryTabs li{height:25px}

    /* Buttons */
	.btnBack{  width: 20px;  height: 20px;  top: -10px;  right: 9px;  background-size: cover;}
    .languages{display: none}
    .languages-nav{display: none; float: right; margin-right: 13px; margin-top: 13px;}



    /* HEADER -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
        header h1.logo{top:55px;margin-bottom:20px}
            header h1.logo.before{opacity:0;filter:alpha(opacity=0);top:100px}

        header p.slogan1, header p.slogan2{font-size:30px}
        header a.btn-circle{bottom:30px !important}

    /*Markalar Slider Önerisi*/
    #about .markalar .sdSlider{width:100%} 
    #about .markalar .sdSlider li{height:305px} 
    #about .markalar .sdSlider .marka{width:48%;height:130px;background-size:100% !important}
    #about .markalar .markaSlider .marka img{padding: 40px 32%;}

    /* PRODUCTS -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
        #products .container{}


    /*---Section Services---*/
	.detail-back{width: 120px;height: 30px;}
    .detail-back-a{line-height: 30px!important;}
    #products .sliderTab, #services .sliderTab{height:50px;padding-top:0}
    #products .sliderTab span, #services .sliderTab span{height:50px;padding-top:0;line-height:50px;}
	#products .sliderTab {margin-bottom:20px;}
	#products .px-list img {max-width:initial;}
    #products .list-inline{margin-left:-60px!important;}
		#products .px-list{padding:0 19%;}
		#products .px-carousel ul li span{margin-top: 0px;line-height: 1}
    #services .sdSlider,
    #career .ik-politikasi .sdSlider{height:610px;top:70px;overflow: hidden;}
    #services .sdSlider li,
    #career .ik-politikasi .sdSlider li{padding-top:0}
    #services .sdSlider li .slide,
    #career .ik-politikasi .sdSlider li .slide{margin-bottom:-2px}
    #services .detailPage,
    #career .ik-politikasi .detailPage{padding:10px 10px 0 10px}
    #services .detailPage.open,
    #career .ik-politikasi .detailPage.open{top:100px !important}
    #services .detailPage h3,
    #career .ik-politikasi .detailPage h3{margin:10px 0 10px 0;font-size:14px}
    #services .detailPage p,
    #career .ik-politikasi .detailPage p{margin:0 0 5px 0;font-size:12px;line-height:16px}
    #career .ik-politikasi .sdSlider li > div img{height: 76px;width: 76px;}


    /*---Section Technology---*/
	#technology .tabs {margin-bottom: 8px;}
    #technology .sistem .sdSlider{height:450px; margin-top: 0!important}
    #technology .sistem .sdSlider li{height:450px}
    #technology .sistem .sdSlider p{font-size:18px !important}
    #technology .yazilim{padding-top:0}
    #technology .yazilim .sdSlider .yazilim-sub.after{margin-top: -5px;}
    #technology .yazilim .sdSlider .yazilim-sub img{padding: 0!important}
    #technology .altyapi{padding-top:0px}

    /*---Section Career---*/

    #career .gt-kariyer p{margin:0;margin-bottom:10px;font-size:16px !important;line-height:16px}
        
    /* Sub-Section: Gt-Kimdir */
    #career .acik-pozisyonlar{top:70px;height: 310px !important;}
        #career .acik-pozisyonlar li table td{height:50px;line-height:18px;font-size:8px;font-family:'Brandon-Medium'}
            #career .acik-pozisyonlar li table td.pozisyon{font-size:14px}

    #career .gtde-hayat{padding-top:10px}
    #career .gtde-hayat .categoryTabs li a{height:25px;font-size:10px !important;line-height:25px}
    #career .gtde-hayat .categoryContent p{margin-top: 8px; margin-bottom: -5px;}

    #career .organizasyon-yapisi{padding-top:10px}
    #career .organizasyon-yapisi .categoryTabs{margin-top:-20px;width:100%;margin:0 auto;margin-left:2%}
    /*#career .organizasyon-yapisi .categoryTabs li{margin-bottom:10px}*/
    #career .organizasyon-yapisi .categoryTabs li a{height:25px;font-size:10px !important;line-height:25px}
    #career .organizasyon-yapisi .categoryContent{margin-top:20px}
    #career .organizasyon-yapisi .sdSlider{height:320px;position:relative}
        #career .organizasyon-yapisi .sdSlider li{padding-top:0}
        
    /* Contact Section */
    #contact .container{padding-top:10px}
    #contact .container div{padding:0 5px 5px 5px;font-size:19px}
        #map .pin{width:23px;height:30px;margin-left:-12px;position:absolute;top:-40px;left:50%}

		
	#about .gt-kimdir p {
		margin: 6% 2%;
		font-size: 15px; 
	}

    .px-list-buttons{top:30%;left:5px;right: 5px;}
}

@media (min-width:320px) and (max-width:768px){
    #technology .sistem .sdSlider{
        margin-top: 70px;
    }
}

/* Telefon  landscape*/
@media (max-height:480px) and (orientation:landscape) {
    .languages{display: none}
    .languages-nav{display: none; float: right; margin-right: 13px; margin-top: 13px;}
    header { padding-top: 0px; }
	header h1.logo { margin-bottom: 40px;	}
    header p.slogan1, header p.slogan2 { margin: 0; font-size:30px;}
	header a.btn-circle { bottom: 8%;	}
	#about .gt-kimdir { padding-top: 30px; }
	#about .gt-kimdir p { font-size: 14px; margin: 10px;	}
	#about .markalar .markaSlider .marka img {width: 58%}

    #career .organizasyon-yapisi .mobile .sdSlider .owl-item{min-width:185px;min-height:110px}
    #career .gt-kariyer{margin-top: 0px;}
    #career .acik-pozisyonlar{top: 56px;}
    #career .acik-pozisyonlar li table td.pozisyon{font-size: 12px;}
    #career .gtde-hayat{padding-top: 5px;}
    #career .gtde-hayat .categoryTabs li{width: 150px; height: 25px; }
    #career .gtde-hayat .categoryTabs li a {line-height: 27px; font-size: 12px!important;}
    #career .gt-kariyer p{font-size: 14px!important;}
    #career .acik-pozisyonlar li table td {height: 38px; line-height: 40px;}
    #career .organizasyon-yapisi .categoryContent{margin-top: 18px;}
    #career .gtde-hayat .categoryContent p{font-size: 12px!important; line-height: 1.2!important; margin-top: 7px; margin-bottom: -10px!important}
    #career .gtde-hayat .sdSlider .slide img{width: 70%; height: 160px;}
    #career .organizasyon-yapisi .categoryTabs li{margin-bottom: -3px; height: 28px;}
    #career .organizasyon-yapisi{padding-top: 0!important;}
    #career .organizasyon-yapisi .fSize18{font-size: 15px!important; margin-top: -12px;}
    #career .organizasyon-yapisi .mobile .sdSlider .pie canvas{height: 75px!important;width: 75px!important;left: 49px;margin-top: 0px;}
    #career .organizasyon-yapisi .mobile .sdSlider .pie span.title{top:84px!important; font-size: 11px!important;}
    #career .organizasyon-yapisi .mobile .sdSlider .pie label{top: 54px; font-size: 14px!important; margin-top: -12px;}
    #career .organizasyon-yapisi .mobile .sdSlider .pie span.value{left: -3px; top: 16px; font-size: 30px!important;}
    #career .ik-politikasi .sdSlider li > div{margin-bottom: 0}
    #career .ik-politikasi .owl-theme .owl-controls{margin-top: 0}
	#products .sliderTab span, #services .sliderTab span { padding-top: 0; line-height:40px; }
	#products .sliderTab, #services .sliderTab { height: auto; }
	.px-carousel {  padding: 0 50px; }
	#products .px-carousel ul li span { font-size: 12px; line-height: 14px; }
	#products .px-carousel ul li img {margin-bottom: 0px;}
	#products .sliderTab {margin-bottom: 0}
    #products .list-inline{margin-left:-75px!important;}

    .owl-carousel .owl-wrapper-outer{ overflow: visible!important;}


	#services .sdSlider ,#career .ik-politikasi .sdSlider { top:60px; }
		#services .sdSlider li,#career .ik-politikasi .sdSlider li{ width:100%; padding:0; 		}
			#services .sdSlider li .slide,#career .ik-politikasi .sdSlider li .slide{ float:left;	width:50%; padding-right:20px;}
				#services .sdSlider li > div, #career .ik-politikasi .sdSlider li > div	{margin-bottom:25px;}
				#services .detailPage.open, #career .detailPage.open {top: 20px;	}
				#services .detailPage h3, #career .detailPage h3 {	font-size: 17px;margin-bottom: 12px;}
				#services .detailContent p, #career .detailPage p { margin-bottom: 15px; line-height: 17px; font-size: 14px; }
	
	
	#technology .altyapi ,#technology .yazilim{ padding-top:5px;}
	#technology .altyapi .sdSlider ,#technology .yazilim .sdSlider{ padding:0 50px; }	
		#technology .sistem .sdSlider li {	height: 216px;	}
		#technology .sistem .sdSlider .object { width: 33%; height: 90%; margin: -42px auto 0 auto; left: 0; }
		#technology .sistem .sdSlider p {	top: 105px; font-size: 15px; }
		#technology .sistem .sdSlider{margin-top: 0px;}
        #technology .sistem .owl-theme .owl-controls {margin-top: -90px;}
    #technology .yazilim .sdSlider .yazilim-sub img{width: 33%; padding: 0}
    #technology .altyapi .sdSlider .altyapi-sub img{width: 61%}
		
		.owl-theme .owl-controls { margin-top: 0px; }
		#contact {padding-top: 0!important}
		#contact .container { padding-top: 0; }
		#contact .container div {font-size: 20px;}

	.footer-copy-text {float: right!important; margin-right: 21px;}
}  
@media (max-height : 768px) and (min-height : 700px){
	#products .sliderTab, #services .sliderTab { margin-bottom: 30px;	}
	#technology .tabs {margin-bottom: 0px;}
	#technology .sistem{margin-top: 90px;}
	#technology .yazilim .sdSlider{margin-top: 50px;}
	#technology .altyapi .sdSlider{margin-top: 70px;}
	#contact .container div {padding: 6px;}
	#products .sliderTab{ margin-bottom:60px}
	#about .gt-kimdir p{font-size: 18px;}
	#about .markalar .markaSlider .marka img {padding: 40px 22%;}
	#products .px-carousel ul li span {margin-top: 12px;line-height: 2;font-size: 14px;}
    
	#services .sdSlider li .slide{margin-bottom: 30px!important;}

	#career .gt-kariyer p{font-size: 20px!important;line-height: 1.5}
	#career .ik-politikasi .sdSlider li .slide{margin-bottom: 25px;}
    #career .acik-pozisyonlar .sdSlider li{padding: 7px; margin-top: 30px}
    #career .gtde-hayat .categoryContent p{margin-top: 30px; font-size: 17px!important;}
}
@media only screen and (max-width : 320px) {
	#technology .sistem .sdSlider p {	  font-size: 16px !important; top: 36%; padding: 10px 0px!important; }
	#back-top{  font-size: 11px;  background-size: contain;  padding: 41px 0px 0 0px;  width: 40px;  background-position-y: top;  line-height: 10px;}
	
}
@media only screen and (max-height:675px) and (min-height:481px) and (orientation:landscape){
	header { padding-top: 0px; }
	header p.slogan1, header p.slogan2 { margin: 0; font-size:40px; }
	#about .gt-kimdir {	padding-top: 0;	}
		#about .gt-kimdir p {margin-bottom: 3%; font-size: 21px;	}
	#services .sdSlider li, #career .ik-politikasi .sdSlider li { padding-top: 10px;}
	#services .detailPage.open, #career .detailPage.open {top: 55px;}
	#products .sliderTab{ margin-bottom:20px}
	section .sliderTab,section .tabs{height:70px!important;padding-top:0!important;}
    section .sliderTab span{height:40px!important;line-height:40px!important;padding-top:30px!important;}
	section .tabs li{ height:70px;}
	section .tabs li a{ line-height:70px;padding-top:0;}
	#map .pin {width: 30px;margin-left: -15px; top: -43px;}
}
@media (max-width:768px) and (min-device-width:768px){
	#services {	  min-height: 660px;	}

}
@media (max-height:360px){
	header h1.logo { margin-top: 0px; }
	header p.slogan1, header p.slogan2 {margin: 0px; font-size: 26px; line-height: 25px;}
    #products .list-inline{margin-left:-75px!important;}
}

@media (max-height: 320px) and (orientation:landscape){
	#about .gt-kimdir{padding-top: 0}
    #about .gt-kimdir p{font-size: 14px;}
    #about .markalar .markaSlider .marka img{padding: 0 7%;}

    #products .sliderTab{margin-bottom: 3px;}
    #products .px-carousel ul li span{font-size: 10px; line-height: 1.2}
    #products .px-carousel ul li img{height: 173px; width: 150px;}
    #products .px-list{padding: 4px 14%;}
    #products .list-inline{margin-left:-75px!important;}


    
    #services .sdSlider li > div{margin-bottom: 0!important}
    #services .sdSlider li > div img{width: 70px; height: 70px;}
    #services .detailPage.open{top: 0px!important;}
    #services .detailPage h3{font-size: 14px; }
    #services .detailPage p{font-size: 11px; }
    #services .label-item{font-size: 13px;}

    
    #technology .sistem .sdSlider{margin-top: 0px;}
    #technology .sistem .sdSlider .object{margin-top: -60px;}
    #technology .sistem .sdSlider p{top: 80px; font-size: 15px!important;}
    #technology .yazilim .sdSlider .yazilim-sub img{width: 33%; padding: 0}
    #technology .altyapi .sdSlider .altyapi-sub img{width: 61%}
    #technology .sistem .owl-theme .owl-controls{margin-top: -120px;}

 
    #career .gt-kariyer{margin-top: 0px;}
    #career .acik-pozisyonlar{top: 56px;}
    #career .acik-pozisyonlar li table td.pozisyon{font-size: 12px;}
    #career .gtde-hayat{padding-top: 5px;}
    #career .gtde-hayat .categoryTabs li{width: 150px; height: 25px; }
    #career .gtde-hayat .categoryTabs li a {line-height: 27px; font-size: 12px!important;}
    #career .gtde-hayat .owl-controls{display:none!important}



    #career .gt-kariyer p{font-size: 14px!important;}
    #career .acik-pozisyonlar li table td {height: 30px; line-height: 30px;}
    #career .gtde-hayat .categoryContent p{font-size: 12px!important; line-height: 1.2!important; margin-top: 7px; margin-bottom: -10px!important}
    #career .gtde-hayat .sdSlider .slide img{width: 70%; height: 110px;}
    #career .organizasyon-yapisi {padding-top: 3px;}
    #career .organizasyon-yapisi .categoryTabs li a{margin-top: -12px;}
    #career .organizasyon-yapisi .categoryTabs li{margin-bottom: -3px; height: 20px; padding-top: 8px;}
    #career .organizasyon-yapisi .fSize18{font-size: 15px!important; margin-top: -12px;}
    #career .organizasyon-yapisi .mobile .sdSlider .pie canvas{height: 75px!important;width: 75px!important;left: 49px;margin-top: 0px;}
    #career .organizasyon-yapisi .mobile .sdSlider .pie span.title{top:84px!important; font-size: 11px!important;}
    #career .organizasyon-yapisi .mobile .sdSlider .pie label{top: 54px; font-size: 14px!important; margin-top: -12px;}
    #career .organizasyon-yapisi .mobile .sdSlider .pie span.value{left: -3px; top: 16px; font-size: 30px!important;}
    #career .ik-politikasi .sdSlider li > div{margin-bottom: 0}
  

    #contact{ padding-top: 0px!important}
    #contact .container div {padding: 2px;font-size: 17px;}
    #map .pin img {width: 67%;margin-top: 8px;margin-left: 5px;}
} 
@media (max-width:768px){
    .
}