﻿ 
@media only screen and (min-width : 1200px) {/***********normal*****************/}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width:1199px) {    
.secondnav li:nth-child(6n+1),.secondnav li:nth-child(6n+2),.secondnav li:nth-child(6n+3),.secondnav li:nth-child(6n+4)
,.secondnav li:nth-child(6n+5) , .secondnav li:nth-child(6n+6),.secondnav li:nth-child(6n+7),.secondnav li:nth-child(6n+8),.secondnav li:nth-child(6n+9) 
 { width: 116px; font-size: 14px;}
 .da-thumbs{    margin-left: 20px !important;}
 #kamuKurumuRef{margin-left: 6px;}
 #otomotivServisRef{margin-left: -73px;}
 #bilgisayarBilisim{margin-left: 3px;}
 #binaYonetimi{width:650px; margin-left: -30px;}
 .navbar .nav.pull-right {  margin-bottom: -1px;  margin-top: -33px;}
 .media {  margin-left: 45px;}
 #anaMenu{display:none !important;}
 #mobileMenu{display:block;}
 .btn-navbar{display:block !important; margin-top: 40px !important;}
 #wrapper.toggled #sidebar-wrapper { width: 290px;}
 .sidebar-nav {   width: 290px; }
}

 /* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width:991px) {
    .mobileOrnek{width: 60%;}
    .ornek{width: 70%;}
  .footerMain {height: 64px; }
  .social{ margin-left: 15px;} 
  .fa-info { margin-left: 69px !important; }
  .fa-inbox{ margin-left:16px; }
  .fa-phone-square{ margin-left:13px;}
  #anaMenu{display:none !important;}
  #mobileMenu{display:block;}
  .btn-navbar{display:block !important; margin-top: 40px !important;}
  #kapak{ height:100% !important; }
  .megaMenu > ul > li {font-size: 11px;font-weight: bold;}
  .megaMenu > ul > li > div > ul > li.parent a{ font-size: 11px; }
  #carouselSection { margin-top: 35px; }
  .megaMenu{top: -42px !important;}
  #bannerSection{margin-top: 36px;}
  .bank-image{ float: inherit !important;}
  .secondnav li .icon + span{margin-top: 18px;}
  .secondnav li:nth-child(6n+1),.secondnav li:nth-child(6n+2),.secondnav li:nth-child(6n+3),.secondnav li:nth-child(6n+4)
  ,.secondnav li:nth-child(6n+5) , .secondnav li:nth-child(6n+6),.secondnav li:nth-child(6n+7),.secondnav li:nth-child(6n+8),.secondnav li:nth-child(6n+9) 
  { width: 129px; font-size: 14px; min-height:120px;}
  .main{margin-left: 33px;}
  .da-thumbs{    margin-left: 40px !important;}
  #otomotivServisRef{margin-left: -102px;}
  #bilgisayarBilisim{width:686px; min-height:365px; height:365px;}
  #binaYonetimi{width:670px; margin-left: 0px; min-height:365px; height:365px;}
  .input-xlarge{width:225px !important;}
  .contact { font-size: 15.5px;}
  h4 { font-size: 16.5px;}
  .contact h3 { font-size: 21px;}
  #map{ margin-top: 36px;}
  .media { width: 571px;  margin-left: 0px; }
  .carousel { margin-bottom: 0px;  margin-top: 5px;}
  #wrapper.toggled #sidebar-wrapper {  width: 290px;}
  .sidebar-nav { width: 290px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) and (max-width:767px) {
    .mobileOrnek{width: 60%;}
    .ornek{width: 70%;}
   #anaMenu{display:none !important;}
   #mobileMenu{display:block;}
   .number{width:255px;}
   .number p {font-size: 15px;}
   .btn-navbar{margin-top: 40px !important;}
   .kapak{ height:100% !important;  width:100% !important; }
    body { padding-right: 0px;  padding-left: 0px; }
   #headerSection, #footerSection, #mapSection { margin: 0 0px;}
   #footerSection, #carouselSection, #footerSection, #bannerSection { margin: 0 0px;}
   .footerMain{height: 58px;}
   .footer-partner{ font-size: 12px;}
   .social{ margin-left: 0px;} 
   #mobileMainFooter{display:block;}
   #middle-footer{width:750px;}
   #left-footer{display:none;}
   #services{display:none;}
   #about{display:none;}
   #kullanim{display:none;}
   /*.privacy { margin-right: 0px; text-decoration: none !important;   margin-left: 78px; }*/
   #footerMebuButton{margin-top:10px;}
   .dropdown-menu .divider {height: 2px; margin: 9px 1px;  overflow: hidden;  background-color: #fb732a; border-bottom: 1px solid #fff;}
   .follow{margin-right: 12px;}
   .secondnav li { float: left; width: 16.66666666666667%;  text-align: center;  -webkit-transition: border .5s;  -moz-transition: border .5s;  -o-transition: border .5s;  -ms-transition: border .5s;   transition: border .5s;}  
   .secondnav i { position: relative;  display: inline-block;  margin: 0 auto;  padding: 0.4em;  border-radius: 50%;  font-size: 1.8em;  box-shadow: 0 0 0 30px transparent;  background: rgba(255,255,255,0.1);  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  -webkit-transition: box-shadow .6s ease-in-out;  -moz-transition: box-shadow .6s ease-in-out; -o-transition: box-shadow .6s ease-in-out; -ms-transition: box-shadow .6s ease-in-out;  transition: box-shadow .6s ease-in-out;}  
   .secondnav li:nth-child(6n+1),.secondnav li:nth-child(6n+2),.secondnav li:nth-child(6n+3),.secondnav li:nth-child(6n+4)
   ,.secondnav li:nth-child(6n+5) , .secondnav li:nth-child(6n+6),.secondnav li:nth-child(6n+7),.secondnav li:nth-child(6n+8),.secondnav li:nth-child(6n+9) 
   { min-height:163px;}
   #menu{ margin-left: 43px;} 
   #da-thumbs { margin: 23px 30px;}
   .media>.pull-left{float:left;}
   .media>.pull-right{float:right;}
   .media { width: 442px;  margin-left: 0; }
   .article > p {  margin: 0 0 0 0; }
    #wrapper.toggled #sidebar-wrapper {  width: 290px;}
    .sidebar-nav {  width: 290px; }
    .video{width: 480px;  height: 400px; margin-left: 0px;}
}
  /* Custom, iPhone Retina */ 
@media only screen and (min-width : 300px) and (max-width:479px) {
    .mobileOrnek{width: 60%;}
    .ornek{width: 70%;}
    .brand img{width:103px; height:70px;}
    .number p { font-size: 11px; padding:2px;}
    .number{    width: 195px;     height: 25px; }
    .btn:hover, .btn-warning, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .nav-pills > .active > a, .nav-pills > .active > a:hover, #headerSection .active, .dropdown-menu li > a:hover {
    margin-top: 20px;}
    #anaMenu{display:none !important;} 
    #mobileMenu{display:block;}
    #headerSection, #footerSection, #mapSection { margin: 0 0px;}
    #footerSection, #carouselSection, #footerSection, #bannerSection { margin: 0 0px;}
    body {padding-right: 0px;  padding-left: 0px; }
    .footerMain{height: 70px;}
    .footer-partner{ font-size: 12px;}
    .social{ margin-left: 10px;}   
    #left-footer{width:345px;}
    #middle-footer{}
    #right-footer { width: 159px; }
    .bank-image{ float: inherit !important;}
    #mobileMainFooter{display:block; }
    #left-footer{display:none;}
    #services{display:none;}
    #about{display:none;}
    #kullanim{display:none;}
    .privacy { margin-right: 0px; text-decoration: none !important;   margin-left: 12px; }
    #footerMebuButton{margin-top:20px;}
    .dropdown-menu .divider {height: 2px; margin: 9px 1px;  overflow: hidden;  background-color: #fb732a; border-bottom: 1px solid #fff;}
    .follow{margin-right: 12px;}
    .secondnav li { float: left;  width: 16.66666666666667%;  text-align: center; -webkit-transition: border .5s; -moz-transition: border .5s; -o-transition: border .5s; -ms-transition: border .5s; transition: border .5s;}  
    .secondnav i { position: relative;  display: inline-block;  margin: 0 auto;  padding: 0.4em;  border-radius: 50%;  font-size: 1.8em;  box-shadow: 0 0 0 30px transparent;  background: rgba(255,255,255,0.1);  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  -webkit-transition: box-shadow .6s ease-in-out;  -moz-transition: box-shadow .6s ease-in-out; -o-transition: box-shadow .6s ease-in-out; -ms-transition: box-shadow .6s ease-in-out;  transition: box-shadow .6s ease-in-out;}  
    .secondnav li:nth-child(6n+1), .secondnav li:nth-child(6n+2), .secondnav li:nth-child(6n+3), .secondnav li:nth-child(6n+4), .secondnav li:nth-child(6n+5), .secondnav li:nth-child(6n+6), .secondnav li:nth-child(6n+7), .secondnav li:nth-child(6n+8), .secondnav li:nth-child(6n+9) {
    width: 106px;}
    .secondnav li:nth-child(6n+1),.secondnav li:nth-child(6n+2),.secondnav li:nth-child(6n+3),.secondnav li:nth-child(6n+4)
    ,.secondnav li:nth-child(6n+5) , .secondnav li:nth-child(6n+6),.secondnav li:nth-child(6n+7),.secondnav li:nth-child(6n+8),.secondnav li:nth-child(6n+9) 
     { min-height:133px;}
    #menu{ margin-left:23px;}
    #da-thumbs {  margin: 23px 54px;} 
    .media>.pull-left{float:left;}
    .media>.pull-right{float:right;}
    .media { width: auto;  margin-left: 0; }
    .article > p {   margin: 0 0 0 0;}
    #wrapper.toggled #sidebar-wrapper {  width: 290px;}
    .sidebar-nav { width: 290px; }
    .video{width: 325px;  height: 300px; margin-left: 0px;}
}
@media only screen and (min-width : 270px) and (max-width:653px) {
    .mobileOrnek{width: 60%;}
    .ornek{width: 70%;}
    .brand img{width:90px; height:65px;}
    .number p { font-size: 9px; padding:2px;}
    .number{    width: 155px;     height: 20px; }
    .btn:hover, .btn-warning, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .nav-pills > .active > a, .nav-pills > .active > a:hover, #headerSection .active, .dropdown-menu li > a:hover {
    margin-top: 20px;}
    #anaMenu{display:none !important;} 
    #mobileMenu{display:block;}
    #headerSection, #footerSection, #mapSection { margin: 0 0px;}
    #footerSection, #carouselSection, #footerSection, #bannerSection { margin: 0 0px;}
    body {padding-right: 0px;  padding-left: 0px; }
    .footerMain{height: 90px;}
    .footer-partner{ font-size: 12px;}
    .social{ margin-left: 5px;}   
    #left-footer{width:20%;}
    #middle-footer{}
    #right-footer { width: 159px; }
    .bank-image{ float: inherit !important;}
    #mobileMainFooter{display:block; }
    #left-footer{display:none;}
    #services{display:none;}
    #about{display:none;}
    #kullanim{display:none;}
    .privacy { margin-right: 0px; text-decoration: none !important;   margin-left: 12px; }
    #footerMebuButton{margin-top:20px;}
    .dropdown-menu .divider {height: 2px; margin: 9px 1px;  overflow: hidden;  background-color: #fb732a; border-bottom: 1px solid #fff;}
    .follow{margin-right: 12px;}
    .secondnav li { float: left;  width: 16.66666666666667%;  text-align: center; -webkit-transition: border .5s; -moz-transition: border .5s; -o-transition: border .5s; -ms-transition: border .5s; transition: border .5s;}  
    .secondnav i { position: relative;  display: inline-block;  margin: 0 auto;  padding: 0.4em;  border-radius: 50%;  font-size: 1.8em;  box-shadow: 0 0 0 30px transparent;  background: rgba(255,255,255,0.1);  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  -webkit-transition: box-shadow .6s ease-in-out;  -moz-transition: box-shadow .6s ease-in-out; -o-transition: box-shadow .6s ease-in-out; -ms-transition: box-shadow .6s ease-in-out;  transition: box-shadow .6s ease-in-out;}  
    .secondnav li:nth-child(6n+1), .secondnav li:nth-child(6n+2), .secondnav li:nth-child(6n+3), .secondnav li:nth-child(6n+4), .secondnav li:nth-child(6n+5), .secondnav li:nth-child(6n+6), .secondnav li:nth-child(6n+7), .secondnav li:nth-child(6n+8), .secondnav li:nth-child(6n+9) {
    width: 106px;}
    .secondnav li:nth-child(6n+1),.secondnav li:nth-child(6n+2),.secondnav li:nth-child(6n+3),.secondnav li:nth-child(6n+4)
    ,.secondnav li:nth-child(6n+5) , .secondnav li:nth-child(6n+6),.secondnav li:nth-child(6n+7),.secondnav li:nth-child(6n+8),.secondnav li:nth-child(6n+9) 
     { min-height:133px;}
    #menu{ margin-left:23px;}
    #da-thumbs {  margin: 23px 54px;} 
    .media>.pull-left{float:left;}
    .media>.pull-right{float:right;}
    .media { width: auto;  margin-left: 0; }
    .article > p {   margin: 0 0 0 0;}
    #wrapper.toggled #sidebar-wrapper {  width: 290px;}
    .sidebar-nav { width: 290px; }
    .video{width: 325px;  height: 300px; margin-left: 0px;}
    
    
}
