@import url('font/fonts.css');
@charset "utf-8";

body, html { height: 100%; }
body {background:#ffffff; margin:0; padding:0; font-family: 'ralewayregular', Arial, Helvetica, sans-serif; font-weight:normal; color:#1d1d1d;}
* {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a {color:#ec2227; text-decoration:none;  transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;}
a:hover {color:#1d1d1d;}
p, h1, h2, h3, h4, h5, h6, ul, li, img, iframe, form, table, td, tr {line-height:100%; margin:0; padding:0; border:none; font-weight:normal;}
b, strong {font-family: 'ralewaybold', Arial, Helvetica, sans-serif; font-weight:normal;}
table, td, tr {border-collapse:collapse;}
.clear {clear:both;}
content {display:block; width:1280px; margin:0 auto;}

/* fixed whatsapp button start */
	a.fixed-whatsapp { position:fixed; left:60px; bottom:60px; z-index:10001;
      display:block; width:60px; height:60px;
      background-image: url(img/ikon/wa.webp); background-color: #1bd741;
      text-align:left; text-indent: -9999px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-size: 36px auto; background-repeat: no-repeat; background-position: center center;  }
      a.fixed-whatsapp:hover { transform: scale(0.90); -ms-transform: scale(0.90); -webkit-transform: scale(0.90); -o-transform: scale(0.90); -moz-transform: scale(0.90); box-shadow: 0 5px 15px #05380e; }
/* fixed whatsapp button end */

/* animated header */

.cbp-af-header {position:fixed; top:0; left:0; z-index:10000; width:100%; height:150px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;}
  .cbp-af-header content { display:block; width:100%; height:120px; padding: 28px 60px; background-color: rgb(0,0,0, 0.4);  background-color: rgba(0,0,0, 0.4); transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
   
    a.logo {display:block; float:left; width:380px; height:64px; margin:0; text-align:left; text-indent:-9999px; background:url(img/logo.webp) no-repeat center; background-size:100% 100%;} 
      a.logo:hover {transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); -o-transform: scale(0.9); -moz-transform: scale(0.9);} 
 
      ul.iconmenu { display:block; float:right; width: auto; height:32px; margin: 0; opacity:1; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
        ul.iconmenu li { display:inline;}
          ul.iconmenu li a { display:block; float:left; width:32px; height:32px; margin:0 0 0 10px; text-align:left; text-indent:-9999px; background-size:100% 100%;  line-height: 32px; color:#fff; font-family: 'ralewayextrabold', Arial; }
            ul.iconmenu li a.phone { background:url(img/ikon/tel.webp) no-repeat center left; width:auto; text-indent:0; padding: 0 5px 0 37px;  }
            ul.iconmenu li a.googlemaps { background:url(img/ikon/locatino.webp) no-repeat center left; width:auto; text-indent:0; padding: 0 5px 0 37px; }
            ul.iconmenu li a.email { background:url(img/ikon/ep.webp) no-repeat center; }
            ul.iconmenu li a.homepage { background:url(img/ikon/home.webp) no-repeat center; }
            ul.iconmenu li a.facebook { background:url(img/ikon/fb.webp) no-repeat center; margin: 0 0 0 30px; }
		        ul.iconmenu li a.xtwitter { background:url(img/ikon/tw.webp) no-repeat center; }
		        ul.iconmenu li a.instagram { background:url(img/ikon/ig.webp) no-repeat center; }
		      ul.iconmenu li a.phone:hover, ul.iconmenu li a.googlemaps:hover, ul.iconmenu li a.email:hover, ul.iconmenu li a.homepage:hover {background-color: #000;}
          ul.iconmenu li a.facebook:hover, ul.iconmenu li a.xtwitter:hover, ul.iconmenu li a.instagram:hover { background-color: #fff;}

    .anamenu { position:absolute; right:0; bottom:0; z-index:10001;
               width:auto; height:60px; padding: 0 45px 0 30px; background-color:rgba(0,0,0, 0.9); background-color:rgb(0,0,0, 0.9);
               transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
      /* anamenu */
      #toggle, .toggle {display:none;}
      .linkler > li {list-style:none; float:left; width:auto; margin:0;}
	   .clearfix:before, .clearfix:after {display:table; content:"";} .clearfix:after {clear:both;}
      .linkler, .linkler > li, .linkler > li > a {height:100%;}
       .linkler > li > a {display:block; font-size:16px; padding:0 15px; color:#fff; line-height:60px; }
	       .linkler > li > a:hover, .linkler > li > a:focus { background:#fff; color:#1d1d1d; line-height:40px; border-bottom:10px solid #e01d22; padding: 10px 15px 0 15px; }
         .linkler > li > a.secili { line-height:40px; border-bottom:10px solid #e01d22; padding: 10px 15px 0 15px; }
      .toggle {z-index:2;}
      /* anamenu */	   
	
  /* Transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink { height:70px; top:0; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;}
    .cbp-af-header.cbp-af-header-shrink content { height:70px; padding: 14px 60px; }
    .cbp-af-header.cbp-af-header-shrink a.logo { width:249px; height:42px; } 
	  .cbp-af-header.cbp-af-header-shrink ul.iconmenu { margin:-60px 0 0 0; opacity:0; }
	  .cbp-af-header.cbp-af-header-shrink .anamenu { right:0; bottom:5px; }
  
/* hareketli baslik */
  
.spot { display:block; width:100%; height:100%; position:relative; }
  
  .spot .swiper-slide { display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center; -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center; -webkit-align-items: center;  align-items: center; }
    .spot .swiper-slide img { display:block; width:100%; height:auto; }
	
  .spotyazi { position:absolute; bottom:0; left:0; z-index:9;
              width:100%; height:100%;
              display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center; -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center; -webkit-align-items: center;  align-items: center;
              background:url(img/spot/overlay.webp) no-repeat center bottom; background-size:100% auto; }
    .spotyazi span { font-size:84px; color:#fff; text-shadow:4px 4px 12px #3d3131; text-align: center; font-family: 'ralewaylight', Arial, Helvetica, sans-serif; }
      .spotyazi span b { font-family: 'ralewayextrabold', Arial, Helvetica, sans-serif;  }
      .spotyazi span i { font-size:24px; font-style:normal; font-family: 'ralewaybold', Arial, Helvetica, sans-serif;  }

.pageheader {display:block; width:100%; height:auto; padding: 180px 0 60px 0; background:url(img/pageheader.webp) no-repeat center center; background-size:cover; }
  .pageheader h1 {color:#fff; font-size:36px; line-height:100%; font-family: 'ralewayextrabold', Arial, Helvetica, sans-serif; padding: 0 0 0 60px; text-shadow:4px 4px 12px #3d3131;  }


section { display:block; width:100%; padding:120px 0; }

  content h1 {color:#ec2227; text-align: center; font-size:50px; line-height:100%; font-family: 'ralewayextrabold', Arial, Helvetica, sans-serif; margin:0 0 50px 0;}
    content h1.siyah {color:#1d1d1d;}
  content h3 {color:#ec2227; font-size:36px; line-height:100%; font-family: 'ralewayextrabold', Arial, Helvetica, sans-serif; margin:0 0 40px 0;}

  content p { margin:0 0 20px 0; color:#1d1d1d; line-height:140%; font-size:24px; }
    content p:last-child { margin:0; }

  section.hosbes { padding:120px 60px 0 60px; }
    section.hosbes .holder { padding:0 0 220px 0; background: url(img/bg-section-01.webp) no-repeat center bottom; background-size: 100% auto ; }
      section.hosbes content p { text-align: center; display: block; width: 920px; margin:0 auto 20px auto; }
        section.hosbes content p.buyuksatir { font-size:32px; }

  section.blog { padding:60px 120px 60px 120px; position: relative; }
    section.blog .holder { padding:0 0 60px 0; background: url(img/bg-section-03.webp) no-repeat center top #e5e5e5; background-size: 100% auto ; }
      section.blog .holder content { position: relative; padding: 120px 0 0 0; }
        section.blog .holder content h1 {display: block; width: 100%; color:#ec2227; background: #000;; line-height:120px; margin:0 0 60px 0; position: absolute; top:-60px; }
          section.blog .holder content h1 i { color:#fff; }

  a.dugme {display:block; width:240px; height:60px; margin:0 auto; line-height:60px; font-size:24px; font-family: 'ralewayextrabold', Arial, Helvetica, sans-serif; text-align:center; }
    a.dugme.siyah {background:#1d1d1d; color:#fff; margin-top:60px;  }
    a.dugme.siyah:hover {background:#ec2227; color:#fff;  }
    a.dugme.kirmizi {background:#ec2227; color:#fff; margin-top:60px;  }
    a.dugme.kirmizi:hover {background:#1d1d1d; color:#fff;  }
    a.dugme.beyaz {background:#fff; color:#ec2227; margin-top:60px;  }
    a.dugme.beyaz:hover {background:#1d1d1d; color:#ec2227;  }

        
  .grid-column-content { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 60px; grid-row-gap: 60px; }
    .grid-column-content a { display: block; width: 100%; background-color: #e5e5e5; padding: 0 0 30px 0; }
     .grid-column-content.beyaz a { background-color: #fff; }
      .grid-column-content a figure { width: 100%; height:386px; margin:0 0 30px 0; overflow: hidden; display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center; -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center; -webkit-align-items: center;  align-items: center;  }
        .grid-column-content a figure img { display: block; width: auto; height: 100%; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
          .grid-column-content a:hover figure img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }
      .grid-column-content a h2 { display: block; padding: 0 30px; margin:0 0 30px 0; font-family: 'ralewaybold', Arial, Helvetica, sans-serif; font-size: 26px; line-height: 120%; color:#1d1d1d; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
      .grid-column-content a span { display: block; padding: 0 30px; font-family: 'ralewaylight'; line-height: 120%; color:#1d1d1d; font-size: 18px; text-align: left; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
        .grid-column-content a:hover { background-color: #ec2227; }
        .grid-column-content a:hover h2, .grid-column-content a:hover span { color:#fff; }

.sideimg { display: block; float: right; width: 40%; height: auto; margin:0 0 40px 40px; }

.videoo { display: block; width: 99%; height: 720px; margin:0 auto 40px auto; overflow: hidden; }

  .thumbnails { display:flex; flex-wrap:wrap;}
	.thumbnails a { width:19%; margin:0.5%; display:block; overflow:hidden; }
  .thumbnails.refs a { width:32.33%; }
	.thumbnails a img { width:100%; height:auto; -webkit-transition:0.6s; transition:0.6s; -moz-transition:0.6s; -o-transition:0.6s; }
	.thumbnails a:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }
	  
  .lightbox {	cursor: pointer; 	position: fixed; 	width: 100%;	height: 100%; 	top: 0; 	left: 0; 	-webkit-filter: none; 	z-index: 99999999999; 	background:#fff;}
	.lightbox img { display: block; position: absolute; }
	.lightbox-loading { 	background: url(js/lightbox/loading.gif) center center no-repeat; 	width: 32px; 	height: 32px; 	margin: -16px 0 0 -16px; 	position: absolute; 	top: 50%; 	left: 50%; }
	.lightbox-caption { 	display: none; 	position: absolute; 	left: 0; 	bottom: 0; 	width: 100%; 	text-align: center; 	z-index: 9998; }
	.lightbox-caption p { 	margin: 0 auto; 	max-width: 70%; 	display: inline-block; 	*display: inline; 	*zoom: 1;	padding: 10px; 	color: #fff; 	font-size: 12px; 	line-height: 18px; }
	.lightbox-button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity:0.9; -webkit-transition: all 0.3s; -moz-transition:    all 0.3s; -ms-transition:     all 0.3s; transition: 		all 0.3s; }
	.lightbox-button:hover, .lightbox-button:focus { opacity: 1; }
 	.lightbox-close { right: 30px; top: 20px; background-image: url('js/lightbox/close.webp'); }
	.lightbox-nav { top: 45%; width:100%; margin-top: -16px; }
	.lightbox-nav-next { width: 20px;  height: 40px; right: 30px; background: url('js/lightbox/arrow.webp') no-repeat -12px -2px; }
	.lightbox-nav-prev { left: 30px; width: 20px; height: 40px;  background: url('js/lightbox/arrow.webp') no-repeat -8px -54px; }

  
      iframe.maps {display:block; width:100%; height:500px; margin:0 0 40px 0;}


footer {display:block; position: relative; width:100%; margin:60px 0 0 0; padding:120px 60px 90px 60px; background:url(img/bg-footer.webp) no-repeat center bottom #ec2227; background-size:100% 100%;}
  
  a.logo-alt {display:block; width:500px; height:120px; padding: 28px 60px; background:url(img/bg-logo-alt.webp) no-repeat center; background-size:100% 100%;
  position: absolute; top:-60px; right:0; z-index: 1;} 
    a.logo-alt img {display:block; width: 100%; height: auto; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; } 
  a.logo-alt:hover img {transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05);} 
  
  footer ul {display:block; float:left; width: auto; max-width: 15%; margin:0 60px 0 0;}
    footer ul.ilk {padding:0 60px 0 0; border-right: 2px solid #1d1d1d;}
	footer ul li {display:inline; color:#fff; font-size:16px; line-height:140%;}
	 footer ul li b {font-size: 18px;}
	  footer ul li a {display:block; color:#fff; border-bottom:1px dotted #ec2227;  }
	  footer ul li a:hover {color:#1d1d1d; border-bottom:1px dotted #1d1d1d;}
    
  span.imza {display:block; float:right; width: auto; max-width: 15%; font-size:14px; color:#fff; text-align:right; line-height:140%; }	
    span.imza a {color:#fff;}
    span.imza a:hover {color:#1d1d1d;}


		 
/* responsive */ 

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

content { width:1160px; }

.linkler > li > a { font-size:15px; letter-spacing: -0.5px; }
  
.spot .swiper-slide img { width:auto; height:100%; }
	
.spotyazi span { font-size:64px; }

.pageheader h1 { font-size:34px; }

section.blog { padding:60px 0;  }

.grid-column-content a figure { height:346px; }

footer ul { max-width: 19%; margin:0 30px 0 0;}
footer ul.ilk {padding:0 30px 0 0;}
footer ul li {font-size:15px;}
footer ul li b {font-size: 17px;}
          
span.imza { max-width: 19%; }	

.videoo { height: 653px; margin:0 auto 30px auto; }

}

@media only screen and (max-width: 1280px) {

content { width:100%; padding: 0 30px; }

a.fixed-whatsapp { left:30px; bottom:30px; width:40px; height:40px; background-size: 24px auto; }

.cbp-af-header { height:140px; }
.cbp-af-header content { width:100%; height:120px; padding: 28px 30px; }
     
ul.iconmenu li a { font-size: 12px; }
ul.iconmenu li a.facebook { margin: 0 0 0 15px; }
  
.anamenu { height:40px; padding: 0 20px 0 10px; }
.linkler > li > a {font-size:14px; padding:0 10px; line-height:40px; }
.linkler > li > a:hover, .linkler > li > a:focus { line-height:30px; border-bottom:4px solid #e01d22; padding: 6px 10px 0 10px; }
.linkler > li > a.secili { line-height:30px; border-bottom:4px solid #e01d22; padding: 6px 10px 0 10px; }

.cbp-af-header.cbp-af-header-shrink content { padding: 14px 30px; }
.cbp-af-header.cbp-af-header-shrink ul.iconmenu { margin:-60px 0 0 0; opacity:0; }
.cbp-af-header.cbp-af-header-shrink .anamenu { bottom:15px; }
    
.spotyazi span { font-size:56px; }

.spotyazi span i { font-size:20px;  }
  
.pageheader {padding: 180px 0 60px 0; }
.pageheader h1 { font-size:28px; padding: 0 0 0 30px; }

section { padding:60px 0; }

content h1 { font-size:38px; margin:0 0 30px 0;}

content p { font-size:20px; }

section.hosbes { padding:60px 0 0 0; }
section.hosbes .holder { padding:0 0 90px 0; }
section.hosbes content p { width: 70%;}
section.hosbes content p.buyuksatir { font-size:28px; }

section.blog { padding:60px 0 60px 0; }
section.blog .holder { padding:0 30px 60px 30px; }
section.blog .holder content { padding: 90px 0 0 0; }
section.blog .holder content h1 {line-height:90px; margin:0 0 30px 0; top:-45px; }

.grid-column-content { grid-column-gap: 30px; grid-row-gap: 30px; }
.grid-column-content a figure { width: 100%; height:auto; }
.grid-column-content a figure img { width: 100%; height:auto; }
.grid-column-content a h2 { font-size: 20px; }
.grid-column-content a span { font-size: 16px; }

footer {margin:30px 0 0 0; padding:60px 0 60px 0;}
  
a.logo-alt {width:250px; height:60px; padding: 14px 30px 0 30px; top:-30px; } 
a.logo-alt img {width: 100%; height: auto;  } 
      
footer ul {width: 25%; max-width: 25%; margin:0; padding: 0 30px;}
footer ul.ilk {padding:0 30px; border-right:none;}
     
span.imza {clear:both; display:block; float:none; padding: 60px 0 0 0; width: 100%; max-width: 100%; text-align:center; line-height:120%; }	

.videoo { height: 563px; }

	}

@media only screen and (max-width: 1000px) {

  .cbp-af-header { height:70px; }
  .cbp-af-header content { width:100%; height:70px; padding: 14px 30px; }
   
  a.logo { width:249px; height:42px; position: relative; z-index:10002; } 

  ul.iconmenu { height:32px; position: relative; z-index:10002; margin:5px 45px 0 0; }
      ul.iconmenu li a { width:32px; height:32px; margin:0 0 0 5px; }
        ul.iconmenu li a.phone { background:url(img/ikon/tel.webp) no-repeat center center; width:32px; text-indent:-9999px; padding: 0;  }
        ul.iconmenu li a.googlemaps { background:url(img/ikon/locatino.webp) no-repeat center center; width:32px; text-indent:-9999px; padding: 0; }
        ul.iconmenu li a.facebook { margin: 0 0 0 15px; }

  /* anamenu dugmeli */

  .anamenu { position:absolute; right:0; bottom:19px; z-index:10001; width:100%; height:32px; padding: 0 30px 0 0; background-color:rgba(0,0,0, 0); background-color:rgb(0,0,0, 0); }

	.linkler {display:none; opacity:0; width:100%; position:absolute; right:0; z-index:5001;}
	.linkler > li {display:block; width:100%; margin:0;}
	.linkler > li > a {display:block; width:100%; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.toggle {display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none;}
	#toggle:checked + div .linkler {display:block; opacity:1; margin:51px 0 0 0;}
	
	.linkler {color:#fff; padding:0;}
	.linkler, .linkler > li, .linkler > li > a {height:auto; color:#fff;}
	.linkler > li > a {padding:0; margin:0; line-height:40px; color:#fff; font-size:18px; text-align:center; border-bottom:1px solid #000; 
    background-color: rgb(0,0,0, 0.6);  background-color: rgba(0,0,0, 0.6); }
  .linkler > li > a:hover, .linkler > li > a:focus, .linkler > li > a.secili { background:#fff; color:#1d1d1d; line-height:40px; padding:0; border-bottom:1px solid #e01d22; }

	.toggle:after {content:attr(data-open); background:url(img/menu.webp) no-repeat center #ec2325; background-size: 60% 70%; display:block; float: right; height:32px; width:32px; margin:0; text-align:left; text-indent:-9999px; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s;}
	.toggle:hover:after {background:url(img/menu.webp) no-repeat center #ec2325; background-size: 80% 80%;}
	#toggle:checked + div .toggle:after {content:attr(data-close);} 

  /* anamenu dugmeli */	
  
  .cbp-af-header.cbp-af-header-shrink { height:70px; }
  .cbp-af-header.cbp-af-header-shrink content { height:70px; padding: 14px 30px; }
  .cbp-af-header.cbp-af-header-shrink a.logo { width:249px; height:42px; } 
  .cbp-af-header.cbp-af-header-shrink ul.iconmenu {margin:5px 45px 0 0; opacity:1; }
  .cbp-af-header.cbp-af-header-shrink .anamenu { right:0; bottom:19px; }
  
  .videoo { height: 484px; margin:0 auto 20px auto; }

	.thumbnails a { width:24%; margin:0.5%; }
  .thumbnails.refs a { width:32.33%; }
	  

	}

@media only screen and (max-width: 860px) {

  ul.iconmenu li a.email, ul.iconmenu li a.homepage { display:none; }

  .sideimg { float: none; width: 100%; margin:0 0 30px 0; }

  .spot { width:100%; height:auto; padding: 70px 0 0 0; }
  
    .spot .swiper-slide img { display:block; width:100%; height:auto; }
	
    .spotyazi span { font-size:36px; }
      .spotyazi span i { font-size:16px; }

      .pageheader {padding: 130px 0 60px 0; }
      .pageheader h1 { font-size:24px; padding: 0 0 0 30px; }
  
content h1 { font-size:30px; }

content p { font-size:16px; }

section.hosbes content p.buyuksatir { font-size:22px; }

.grid-column-content { grid-column-gap: 15px; grid-row-gap: 30px; }
.grid-column-content a { padding: 0 0 15px 0; }
  .grid-column-content a figure { margin:0 0 15px 0; }
  .grid-column-content a h2 { padding: 0 15px; margin:0 0 15px 0; font-size: 20px; }
  .grid-column-content a span { padding: 0 15px;  font-size: 14px; }



  footer ul li {font-size:14px;}
	 footer ul li b {font-size: 15px;}
       
  span.imza {padding: 60px 30px 0 30px; font-size: 12px; }	
  

  .videoo { height: 360px; }

	.thumbnails a { width:32.33%; margin:0.5%; }
  .thumbnails.refs a { width:32.33%; }

	}


@media only screen and (max-width: 640px) {


  .cbp-af-header { height:104px; }
  .cbp-af-header content { height:104px; padding: 10px 30px; }
   
    a.logo {float:none; margin:0 auto 10px auto;} 
 
      ul.iconmenu { display:block; float:left; height:32px; margin:0; }
      ul.iconmenu li a { margin:0 5px 0 0; }
      ul.iconmenu li a.facebook { margin: 0 5px 0 15px; }

      .anamenu { bottom:10px; padding: 0 30px 0 0; }

      .spot { padding: 104px 0 0 0; }

      #toggle:checked + div .linkler { margin:42px 0 0 0;}

      .cbp-af-header.cbp-af-header-shrink { height:104px; }
      .cbp-af-header.cbp-af-header-shrink content { height:104px; padding: 10px 30px; }
      .cbp-af-header.cbp-af-header-shrink ul.iconmenu {margin:0; opacity:1; }
      .cbp-af-header.cbp-af-header-shrink .anamenu { right:0; bottom:10px; }

  .grid-column-content { grid-template-columns: repeat(1, 1fr); grid-column-gap: 0; grid-row-gap: 30px; }
  .grid-column-content a { padding: 0 0 30px 0; }
    .grid-column-content a figure { margin:0 0 30px 0; }
    .grid-column-content a h2 { padding: 0 30px; margin:0 0 30px 0; }
    .grid-column-content a span { padding: 0 30px; }

    
    .spotyazi span { font-size:24px; }
      .spotyazi span i { font-size:14px; }

      .pageheader {padding: 130px 0 30px 0; }
      .pageheader h1 { font-size:20px; padding: 0 0 0 30px; }

      section.hosbes content p { width: 100%;}

      footer ul, footer ul.ilk {width: 100%; max-width: 100%; margin:0 0 30px 0; padding: 0 30px; text-align: center;}
      span.imza {padding: 30px 30px 0 30px; }	

      .videoo { height: 300px; width: 100%; margin:0 0 20px 0; }

      .thumbnails a { width:49%; margin:0.5%; }
      .thumbnails.refs a { width:49%; }

	}

@media only screen and (max-width: 420px) {

  content h1 { font-size:22px; }

  content p { font-size:15px; }
  
  section.hosbes content p.buyuksatir { font-size:18px; }

  .thumbnails a { width:100%; margin:0 0 20px 0; }
  .thumbnails.refs a { width:100%; }

	}