/*ALBUM*/
.photo-small-size{
    height:60%;
    width:60%;

}
.mt{
    margin-top:25px;
}
/********/
.carousel-div {
    margin-bottom:5%;
}
.carousel-div-btn{
    margin-left:50px;
}
.carousel-div-btn2{
    margin-left:65px;
}

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 5px !important;
  color: #5a5a5a;
}
h2{
    margin-top:0px !important;
}

.form-group label{
    padding-right:70px;
}
#wrapper{
    margin-top:34px;
    padding:12px;
    border-radius:3px;
}
.carousel-inner img {
      margin-top:20px;
      margin-bottom:40px;
      width: 100%;
      height: 100%;
  }
#send {
    text-align:right;
}
#copy {
    text-align:right;
    font-size:12px;
}
.site-footer{
    text-align:center;
}
.site-footer p{
    margin-bottom:8px;
}
/*About*/
.about{
    text-align:center;
    margin-top:70px;
    margin-bottom:20px;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
a.nav-link {
	font-family: 'Montserrat', sans-serif;
	color: #F6F6F6 !important;
	transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
}
a.nav-link:hover {
	color: #C01E19 !important;
}
.fixed-top2 {
  position: fixed;
  top: 60px;
  right: 0;
  left: 0;
  z-index: 1030;
  padding:0;
  margin:0;
}
.navbar-color{
    background-color:#F6F6F6;
    min-height:100PX;
}
.pset{
    color: #313131;
    margin:0;
    text-align:center;
    padding-left:5px;
    transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
}
.pset:hover{
    color: #C01E19 !important;
}



/* MARKETING CONTENT
-------------------------------------------------- */

.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
  font-size:42px;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 3.08rem 0; 
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}




.t0{
	top: -80px !important;
}

h1{
	margin-top:5%;
	color: #02348D;
	font-size: 60px;
	font-weight: 500;
	font-style: italic;
	margin-bottom: 25px;
}

.btn-primary{
	background-color: #000000;
	border-style: none;
	font-family: 'Montserrat', sans-serif;
}

.btn-primary:hover{
	background-color: #000000;
	color: #C01E19;
}
.btn-secondary:hover{
	background-color: #000000;
    border-color: #FFF;
	color: #C01E19;
}

.footer{
	position: relative;
	text-align:center;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {


  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 5rem;
  }
  
}

@media (max-width: 576px) {
    .carousel-div h3{
        font-size:18px;
    }
    .carousel-div-btn{
        margin-left:15px !important;
    }
    .carousel-div-btn2{
        margin-left:35px !important;
    }
    .container .products{
      margin-left:1% !important;
      margin-right:1%!important;
    }
    .btn-primary{
	    font-size: 1px !important;
        padding:10px 10px 10px 10px;
        margin-top:5px;
    }
    #motor{
        width:100%;
        margin-left:130px;
        margin-top:10px;
    }
    #buzdolab{
        width:100%;
        margin-left:130px;
        margin-top:10px;
    }
    #klima{
        width:100%;
        margin-left:130px;
        margin-top:10px;
    }
    footer .text-muted{
        font-size:9px !important;
    }
    #copy{
        font-size:8px !important;
    }
}

/*ORTA TEST*/
@media (max-width: 768px) { 
    h1{
	    font-size: 35px !important;
	    font-weight: 500 !important;
	    margin-bottom: 25px !important;
    }
    .carousel-div-btn{
        margin-left:55px;
    }
    .carousel-div-btn2{
        margin-left:75px;
    }
    .btn-primary{
	    font-size: 11px !important;
        padding:10px 10px 10px 10px;

    }
    .container p{
        font-size:14px !important;
    }
     /*MARKETING*/
    .marketing .rounded-circle{
        height:90px;
        width:90px;
    }
    .marketing h2{
        font-size:30px !important;
    }
    .marketing p{
        font-size: 15px !important;
    }
    .btn-secondary{
        font-size:10px !important;
    }
    /*FEATURETTE*/
    .featurette h2{
        font-size:30px !important;
    }
    .featurette p{
        font-size:15px !important;
    }
    .featurette img{
        height:300px;
        width:300px;
    }
    .featurette-divider{
        margin-top: 30px;
        margin-bottom:30px;
    }
    /*CARD*/
    #klima{
        width:100%;
        margin-left:130px;
        margin-top:10px;
    }
    .card-deck{
        margin-left:0% !important;
        margin-right:0% !important;
    }
    /*FOOTER*/
    .googleMaps
    {
        position: relative;
        height: 80px;
        overflow: hidden;
    }
    .googleMaps iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom:0;
        width: 100% !important;
        height: 80px !important;
    }
    footer .text-muted{
        font-size:12px !important;
    }
    #copy{
        font-size:10px;
    }
}

/*BÜYÜK TEST*/
@media (max-width: 992px) { 
    #wrapper{
    margin-top:20px;
    padding:12px;
    border-radius:3px;
    }
    h1{
	    margin-top:5%;
	    font-size: 48px;
	    font-weight: 500;
	    margin-bottom: 25px;
    }

    .btn-primary{
	    font-size: 11px;
    }
    .container p{
        font-size:17px;
    }
     /*NAVBAR*/
    .navbar-toggler-icon{
        height:100%;
        
    }
    .navbar-light .navbar-toggler{
        border: 1px solid #AAA !important;
        height: 30px;
        padding-right:10px;
        padding-left:10px;
        padding-top:3px;
        margin-top:3px;
    }
    .navbar{
        padding-left:0;
    }
    #navbarNav {
        width:106%;
    }
    .navbar{
        height:50px;
    }
    .navbar-brand{
        height:42px;
    }
    a.navbar-brand > img{
        height:60px;
        width:120px;
        padding-bottom:35px;
        padding-left: 20px;
    }
    .navbar-collapse{
        background-color:#313131;
    }
    .fixed-top2{
        display:none;
    }
    /*PRODUCTS*/
    #zero{
        display:none;
    }
    .container .products{
        margin-left:8%;
        margin-right:8%;
    }
        #car{
        width:100px ;
    }
        #offroad{
        width:110px;
    }
        #caravan{
        width:115px ;
    }
        #commercial{
        width:135px ;
    }
        #bus{
        width:160px ;
    }
    .product-image h6{
        font-size:13px !important;
        text-align:center;
    }
    /*CARD*/
    .card-deck{
        margin-left:4%;
        margin-right:4%;
    }
    .card-deck .card{
        height:500px;
        margin-left:2px !important;
        margin-right:2px !important;
    }
    .card-deck .card-img-top{
        width:190px !important;
        height:120px !important;
        padding-left:25px;
        padding-top:5px;
    }
    .card-deck h4{
        font-size:20px;
    }
    .card-deck p{
        font-size:13px;
    }

    /*MARKETING*/
    .rounded-circle
    {
        height:120px;
        width:120px;
    }
    .marketing h2{
        font-size:35px;
    }
    .marketing p{
        font-size: 17px;
    }
    .btn-secondary{
        font-size:12px;
    }
    /*FEATURETTE*/
    .featurette h2{
        font-size:35px;
    }
    .featurette p{
        font-size:17px;
    }
    .featurette-divider{
        margin-top: 60px;
        margin-bottom:60px;
    }
    /*FOOTER*/
    .googleMaps
    {
        position: relative;
        height: 120px;
        overflow: hidden;
    }
    .googleMaps iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom:0;
        width: 100% !important;
        height: 120px !important;
    }
    
    /*FOOTER*/
    footer .text-muted{
        font-size:13px;
    }
}
@media (max-width: 1200px) {
    /*PRODUCTS*/
    .container .products{
        margin-left:4%;
        margin-right:4%;
    }
    
    /*CARD*/
    .card-deck{
        margin-left:4%;
        margin-right:4%;
    }
    .card-deck .card-img-top{
        height:150px;
        width:100%;
        padding-top:5px;
    }
}
/*------------------ Min- Width -----------------*/
@media (min-width: 992px) { 
    /*Google MAPS*/
    .carousel-inner img {
      margin-top:33px;
  }
        .googleMaps
    {
        position: relative;
        height: 200px;
        overflow: hidden;
    }
    .googleMaps iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom:0;
        width: 100% !important;
        height: 100% !important;
    }
    


}