@import url("Pikare.css?v=02");
@font-face { font-family: ZWFont1; src: url("HelveticaNeueLight.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: ZWFont2; src: url("Poppins-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: ZWFont3; src: url("Poppins-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: ZWFont4; src: url("Montserrat-SemiBold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: ZWFont5; src: url("Montserrat-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: ZWFont6; src: url("TrajanPro-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: ZWFont7; src: url("Audrey_Demo.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: ZWFont8; src: url("Poppins-Light.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }

html {background-color: #1b1b1b !important;}
.sponsorText  {text-align: center;
    display: table;
    width: 100%;
    margin-bottom: 2%;
    font-size: 18px;
    font-weight: bold;
font-family: ZWFont6;}
.disDiv {width: 95%;margin: auto;}
.masaustu {display: table;}
.mobil {display: none;}
.divTarihBaslik {}
.divTarihBaslik ul {padding-bottom: 5%;}
.divTarihBaslik ul li{text-align: center;font-family: 'ZWFont2';}
.divTarihBaslikLi { font-family: 'ZWFont3' !important;font-size: 21px;}
.divTarihBaslikLi2 { font-size: 18px;font-family: 'ZWFont3' !important;}
.program {border: 1px solid #fff;padding: 20px;}
.bosluk {width: 100%; height: 150px;}

.divAnaIletisim {font-family: ZWFont2; margin-top: 50px;}
.divIBaslik {text-align: center; font-size: 21px; margin-bottom: 30px;}
.divIAdres {text-align: center; margin-bottom: 30px;}
.divHarita {width: 100%; margin: auto;}
.divILogo {width: fit-content; margin: 0 auto 30px auto;}
iframe {width: 100%}
.divAltSponsor img:first-child {
    width: 25%;
}

.hakkimizdaUnvan {    font-size: 16px;
    font-weight: bold;}
.italicText {text-align: right; font-style: italicss}
.divHLogo {width: 15%; margin: 0 auto 60px auto;}
.divHLogo img {width: 100%;}
.divHDetay {font-family: ZWFont2; width: 80%; margin: auto; text-align: center;}

.divAltSponsor {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: fit-content;
    margin: 0 auto 20px auto;}
	
#videoButton {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 24%;
    bottom: 48%;
    cursor: pointer;
    z-index: 99;
}
.modalBackgroundUP { position: fixed; left: 0px; top: 0px; width: 100vw; height: 100vh; background-color: rgb(255, 255, 255); opacity: 0.8; z-index: 1000; }
.modalBackgroundUP table { width: 100%; height: 100%; text-align: center; vertical-align: middle; }
.modalBackground { background-color: black; opacity: 0.8; z-index: 1000; }
.divAlertBack { display: none; position: fixed; top: 0%; left: 0%; z-index: 100000; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0.7; }
.divAlertCerceve { display: none; position: fixed; top: 50%; left: 0%; z-index: 100001; width: 100%; height: 150px; margin-top: -100px; background-color: rgb(35, 35, 35); opacity: 1; color: rgb(255, 255, 255); }
.divAlertCerceveIc { font-family: Arial; position: relative; left: 50%; width: 980px; margin-left: -500px; padding: 10px; }
.divAlertCerceveIc span { font-size: 26px; height: 50px; display: block; }
.divAlertCerceveIc p { font-size: 16px; min-height: 50px; }
.divAlertCerceveIc input { float: right; border: 2px solid rgb(255, 255, 255); padding: 5px 15px; background-color: rgb(35, 35, 35); margin: 2px; color: rgb(255, 255, 255); font-family: Arial; font-size: 12px; cursor: pointer; }
.divAlertCerceveIc input:hover { background-color: rgb(0, 80, 239); }
@media screen and (max-width: 1050px) {
  .divAlertCerceveIc { position: relative; left: 10%; width: 80%; margin-left: 0px; padding: 10px; }
}
.btnUDPaylas { width: 100px; height: 40px; background: url("../img/ico-paylas.png") left center / 25px 25px no-repeat; margin-left: 5px; font-size: 11px; font-family: ZWFont3; }
.divAMPaylas { position: absolute; z-index: 10; height: 195px; background-color: rgb(255, 255, 255); border: 1px solid rgb(215, 215, 216); top: 50px !important; right: 0px !important; padding: 20px !important; width: 285px !important; }
.divAMPaylas > * { margin-bottom: 20px; font-family: ZWFont3; font-size: 11px; line-height: 13px; color: rgb(0, 0, 0); text-align: left; }
.divAMPaylas > .link { display: block; height: auto; width: 100%; padding: 10px 15px; overflow: hidden; font-family: ZWFont4; font-size: 12px; line-height: 18px; color: rgb(109, 111, 113); text-overflow: ellipsis; letter-spacing: 0.3px; white-space: nowrap; cursor: pointer; background-color: rgb(243, 243, 243); border: 1px solid rgb(215, 215, 216); outline: none; transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; }
.divAMPaylas > div > .icon { margin-left: 10px; width: 20px; height: 20px; background-size: contain; display: inline-block; }
.divAMPaylas > div > .shareWApp { background-image: url("../img/whatsapp.png"); }
.divAMPaylas > div > .sharePin { background-image: url("../img/pinterest.png"); }
.divAMPaylas > div > .shareFace { background-image: url("../img/facebook.png"); }
.divAMPaylas > div > .shareTwit { background-image: url("../img/twitter.png"); }
.divAMPaylas > div > .shareMail { background-image: url("../img/mail.png"); }
.divSSepetSSil { text-align: right; float: right !important; }
.divSSepetSSil .btnSSSil { width: 20px; height: 20px; border: none; background: url("../img/btnSepetKaldir.png") center center / contain no-repeat; }
.divYukle { margin: 50px 0px; text-align: center; }
.divYukle > a { padding: 10px 25px; font-family: ZWFont3; font-size: 14px; color: rgb(0, 0, 0); border: 1px solid; position: relative; left: -30px; }
.divAMSepetBaslik > span:first-child > span { font-size: 12px; position: absolute; top: -35px; right: 100px; }
.divAMSepetBaslik > span:first-child > span::before { content: "("; }
.divAMSepetBaslik > span:first-child > span::after { content: ")"; }
.divAMSepetBaslik > span:first-child { display: block; margin-left: 25px; color: rgb(0, 0, 0); font-family: ZWFont3; font-size: 15px; text-align: center; padding-bottom: 10px; margin-bottom: 10px; margin-top: -25px; letter-spacing: 1px; }
.textCenter { top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgb(255, 255, 255); font-family: ZWFont3; position: absolute !important; }
.textCenter > div { display: block; font-size: 20px; font-family: ZWFont3; color: rgb(255, 255, 255); line-height: 60px; margin: auto !important; }
.divUDPaylas { float: right; text-align: right; }
.divUDPaylas > a:first-of-type { background-image: url("../img/ico-paylas.png"); background-repeat: no-repeat; background-size: contain; width: 25px; position: absolute; height: 25px; right: 80px; top: 10px; display: block; }
.divUDPaylas > a:nth-of-type(2) { position: relative; text-decoration: underline; font-family: ZWFont3; font-size: 13px; line-height: 40px; padding: 0px 20px; top: 1px; }
/* #owl-slide1 .owl-item { width: auto !important; } */
#owl-slide1 .owl-item .item a img { object-fit: contain; width: 100%; }
#owl-galeri1 { position: relative; }
#owl-galeri1 .owl-buttons { width: 85px; position: absolute; top: -46px; right: 3px; }
#owl-galeri1 .owl-buttons { }
#owl-galeri1 .owl-next { position: absolute; right: 0px; bottom: 0px; z-index: 99; background: url("../img/navright2.png") center center / contain no-repeat rgb(255, 255, 255); width: 40px; height: 40px; display: block; border-radius: 100%; margin-bottom: 10%; top: 25%; margin-top: 0px; }
#owl-galeri1 .owl-prev { margin-left: -8%; z-index: 9; background: url("../img/navleft2.png") center center / contain no-repeat rgb(255, 255, 255); width: 40px; height: 40px; display: block; border-radius: 100%; bottom: 0px; margin-bottom: 10%; top: 25%; margin-top: 0px; }
body { margin: 0px; background-color: #1b1b1b; color: rgb(255, 255, 255); font-family: ZWFont1, Arial; font-size: 13px; line-height: 1.42857; letter-spacing: 1px; -webkit-font-smoothing: antialiased; }
/* input[type="checkbox"], input[type="radio"] { position: absolute; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; padding: 0px; border: 0px; width: 1px !important; }
input[type="checkbox"] + label, input[type="radio"] + label { padding-left: 30px; padding-right: 10px; height: 20px; font-family: ZwFont4; margin: 2px; display: inline-block; line-height: 25px; background-repeat: no-repeat; background-position: 0px 0px; vertical-align: middle; cursor: pointer; background-image: url("../img/toolCheck.png"); color: rgb(0, 0, 0); background-size: 20px; font-size: 12px; letter-spacing: 0px; }
input[type="checkbox"]:checked + label, input[type="radio"]:checked + label { background-image: url("../img/toolCheck.png"); background-position: 0px -19px; } */
select { border: 1px solid rgb(84, 87, 89); padding: 5px 10px; height: 29px; font-family: ZWFont4; font-size: 11px; border-radius: 0px; appearance: none; background: url("../img/icoDDOk.png") right center no-repeat; max-width: 100%; }
::-webkit-scrollbar { width: 3px; background-color: rgb(238, 238, 238); }
::-webkit-scrollbar-track { background-color: rgb(204, 204, 204); width: 1px; border: 1px solid rgb(255, 255, 255); }
::-webkit-scrollbar-button { display: none; }
::-webkit-scrollbar-thumb { background-color: rgb(0, 0, 0); }
.tl { font-size: 85%; }
.tl2 { font-size: 85%; }
.tl3 { font-size: 85%; }
.tl4 { font-size: 85%; }
/* #myBar { width: 0px; height: 3px; position: fixed; left: 0px; top: 0px; z-index: 99; background-color: red; } */
.acIcerikUrun { cursor: pointer; padding: 10px 5px; width: 100%; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(233, 233, 233); border-left: 1px solid rgb(233, 233, 233); border-right: 1px solid rgb(233, 233, 233); color: rgb(51, 51, 51); font-size: 12px; vertical-align: middle; }
.acIcerikUrun2 { cursor: pointer; padding: 10px 5px; width: 100%; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(233, 233, 233); border-left: 1px solid rgb(233, 233, 233); border-right: 1px solid rgb(233, 233, 233); color: rgb(155, 55, 153); font-size: 12px; vertical-align: middle; }
.icoWhatsApp { background: url("../img/icoWhatsApp.png") center center / auto no-repeat; }
.icoTelefon { background: url("../img/icoTelefon.png") center center / auto no-repeat; }
.divContainer { position: relative; display: block; margin: auto; width: 100% !important; }
.divContainerBack { width: 100%; }
.divSayfaPasif { display: none; position: absolute; top: 0px; z-index: 100; width: calc(100vw - 17px); height: 100%; background-color: rgb(0, 0, 0); opacity: 0.3; }
.divMenuUstSabit { display: table; width: 100%; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); line-height: 35px; }
.ulUstSabit { display: table; float: left; color: rgb(255, 255, 255); }
.ulUstSabit li { float: left; margin-right: 20px; background-position: left center; }
.ulUstSabit li::before { margin-right: 15px; content: "|"; }
.ulUstSabit li:first-of-type::before { margin-right: 0px; content: ""; }
.ulUstSabit .icoWhatsApp, .ulUstSabit .icoTelefon { display: inline-block; width: 25px; height: 25px; margin: 3px 5px -7px 0px; }
.ulUstSabit .icoWhatsApp::before, .ulUstSabit .icoTelefon::before { margin-right: 0px; content: ""; }
.divUstDil { padding-left: 35px; background: url("../img/icoTR.png") left center no-repeat; }
.divMenuUst { display: block; width: 100%; }
.divMenuUstMesaj { background-color: rgb(0, 0, 0); line-height: 30px; color: rgb(255, 255, 255); text-align: center; letter-spacing: 4px; font-size: 11px; font-family: ZWFont4; }
.divMenuIc {  }
.divMenuIcFixed { position: fixed; z-index: 111; top: 0px; background-color: transparent; }
.divMLeft { z-index: 200; top: 0px; left: -100%; height: 100%; background-color: rgb(255, 255, 255); border: 0px solid rgb(223, 223, 223); position: fixed !important; width: 100% !important; margin: 0px !important; overflow-y: auto !important; overflow-x: hidden; }
.divMLeft > * { padding: 13px 0px 0px 10px; border-bottom: 1px solid rgb(223, 223, 223); }
.divMLeft > :last-child { border-bottom: none; }
.divMLeftBaslik { display: none; background-color: rgb(0, 0, 0); }
.aMLeftLogo { display: inline-block; width: 180px; height: 40px; background: url("../img/logo.png") center center / cover no-repeat; }
.aMLeftKapat { float: right; display: inline-block; width: 20px; height: 20px; margin-right: 15px; margin-top: 6px; background: url("../img/btnMLeftKapat.png") center center / contain no-repeat; }
.divMLeftAltGoster { position: absolute; top: 16px; right: 16px; width: 15px; height: 15px; background: url("../img/btnMLeftAlt.png") center center / contain no-repeat; display: none; }
.divMMenu { display: none; width: 22px; height: 18px; background: url("../img/btnMMenu.png") center center / cover no-repeat; margin-top: 0px; margin-left: 19px; padding-right: 10px; z-index: 999; }

.aMenuHome { display: inline-block; width: 20px; height: 20px; background: url("../img/icoHome.png") center center no-repeat; }
.sliderM {display: none;}
.divMenuDinamik {
  width: 40px;
  height: 55px;
  position: absolute;
  left: 0px;
  z-index: 9;
  cursor: pointer;
  background: url(../img/zara_06.png) center center no-repeat;
  background-size: 60%;
}

/* .navMenuUst {
  display: block;
  position: fixed;
  z-index: 9999;
  left: -100%;
  top: 0px;
  padding: 20px;
  width: 100%;
  height: calc(100vh);
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.9);
} */

.aMRightKapatSolMenu {
  margin: 20px 30px 0px 0px;
  float: right;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../img/btnSSSil.png) center center / contain no-repeat;
}

.divSolUst {
  display: none;
  position: relative;
  top: 15%;
  max-height: calc(100% - 125px);
  overflow: auto;
}

input[type=checkbox] + label, input[type=radio] + label {
    margin: 2px;
    display: inline-block;
    line-height: 25px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
    background-image: url(../img/toolCheck.png);
    font-size: 12px;
    color: #000000;
    background-size: 20px;
    font-size: 12px;
}

/* SLIDER BAR */

input[type="range"] {
  display: block;
  -webkit-appearance: none;
  background-color: #000;
  width: 100px;
  height: 2px;
  border-radius: 5px;
  margin-top: 7px;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #000;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
  transition: .3s ease-in-out;
}

/********** NFK ***********/

.main section {background: #1b1b1b !important;}

.aLogo { position: absolute; display: block; width: 150px; height: 157px; background: url("../img/logoBir.png") right center / cover no-repeat; margin-left: 3%; margin-top: 20px; z-index: 99; }
.aLogoCile {background: url("../img/logoCile.png") right center / cover no-repeat;}
.aSLogo {background: url("../img/logoSakarya.png") right center / cover no-repeat;}
.CiLogo {background: url("../img/logoCi.png") right center / cover no-repeat;}
.aLogoZMM {background: url("../img/logoZMM.png") right center / cover no-repeat;}
.aALogo { position: absolute; display: block; width: 150px; height: 157px; background: url("../img/logo.png") right center / cover no-repeat; margin-left: 3%; margin-top: 20px; z-index: 99; }
.aLogo2 { display: block; width: 80px; height: 44px; background: url("../img/logo2.png") right center / cover no-repeat; margin-top: 30px; z-index: 99; }
.aLogo3 { position: absolute; display: block; width: 45px; height: 61px; background: url("../img/logo3.png") right center / cover no-repeat; right: 4%; margin-top: 30px; z-index: 99; }
.divLogo2 {z-index: 99; position: absolute; right: 10%;}

.divMenuIc div span {color: #fff; font-family: ZWFont6; font-size: 12px; margin-left: 10px;}


nav ul {position: absolute;left: 0;right: 0;margin: auto;width: fit-content;top: 8%; color: #fff; z-index: 99;}

nav ul li {display: inline-block; margin-right: 15px; cursor: pointer; font-family: ZWFont4; font-size: 12px; z-index: 9999;}
nav ul li:hover {text-decoration: underline;}

.divSlideYazi {position: absolute; left: 5%; bottom: 15%; color: #fff;}
.divSlideYazi > div { position: relative; text-align: center; font-size: 60px; font-family: ZWFont1; }
.divSlideYazi > div:nth-of-type(2) { letter-spacing: 20px; }
.divSlideYazi img {width: 50%; }


.divSlideYazi1 {position: absolute; left: 5%; bottom: 15%;color: #fff;}
.divSlideYazi1 > div { position: relative; text-align: left; font-size: 55px; font-family: 'ZWFont3'; letter-spacing: -2px;}
.divSlideYazi1 > div:nth-of-type(2) { /* letter-spacing: 0px; */ }
.divSlideYazi1 img {width: 50%; }

.overlay {position: absolute;top: 0px;z-index: 9;width: 100vw;height: 100%;background-color: #000;opacity: 0.1;}

.divSlideSoz {position: absolute; bottom: 5%; left: 5%; color: #fff; font-family: ZWFont2;}

.divSlideTarih {position: absolute; bottom: 25%; right: 5%; width: 250px; text-align: right; color: #fff;}
.divSlideTarih {font-size: 14px; margin-bottom: 20px;}
.AnasayfaBold {font-family: ZWFont3;width: 100%;display: block;}
.AnasayfaThin {font-family: ZWFont2;padding-bottom: 12%;display: block;}

.videoSes {position: absolute; bottom: 5%; right: 5%; color: #fff; cursor: pointer;}

.divAnaBanner {display: flex; justify-content: space-evenly; color: #fff; margin-top: 5%;}
.divAnaBanner > div {width: 23%;}

.img-hover-zoom {overflow: hidden;}
.img-hover-zoom img {width: 100%;transition: transform .5s ease;}
.img-hover-zoom:hover img {transform: scale(1.1);}

.divKitapBaslik {font-family: ZWFont2; font-size: 100px; letter-spacing: 20px; color: #fff; position: absolute; bottom: 40px; width: fit-content; cursor: pointer;}
.divKitapYanBaslik {position: absolute;width: fit-content;left: 0 !important;top: 0;writing-mode: vertical-lr;transform: rotate(180deg);height: 80%;text-align: center;}
.divAnaBanner > .divKitaplar:nth-child(2) > .divKitapYanBaslik {}
.divAnaBanner > .divKitaplar:nth-child(3) > .divKitapYanBaslik {}
.divKitaplar {position: relative;}
.divKitapYanBaslik span {color: #cbc187; font-style: italic;}
.divKitapAciklama {margin-top: 20px;text-align: center;letter-spacing: 0;}

.divAnaSoz { position: absolute; top: 35%; left: 0; right: 0; margin: auto; font-family: ZWFont6; text-align: center; }
.divAnaSoz > div:first-of-type {font-size: 50px;}
.divAnaSoz > div:nth-of-type(2) {font-size: 25px;}


.divAnaSoz1 { position: absolute; top: 35%; left: 0; right: 0; margin: auto; font-family: ZWFont6; text-align: center; }
.divAnaSoz1 > div:first-of-type {font-size: 50px;}
.divAnaSoz1 > div:nth-of-type(2) {font-size: 14px;}




.divAltMenu {display: flex; justify-content: space-around; position: relative; top: 200px; width: 100%; }
.divAltMenuYazi div:first-child {font-family: ZWFont6;font-size: 160px;}
.divAltMenuYazi div:last-child {font-family: ZWFont7;font-size: 160px;position: relative;bottom: 150px;left: 320px;}
.divAltMenu > div:nth-child(2) {margin-top: 100px; z-index: 999;}
.divAltMenu ul {margin-bottom: 20px;}
.divAltMenu ul li {display: inline-block; margin-right: 60px;}
.divAltMenu ul li img {margin-right: 5px;}
.divAltMenu > div:last-child > div {width: 90%;}
.txtEBulten { line-height: 30px; border: none; border-bottom: 1px solid #fff; background-color: transparent; width: 100%; color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 1px; }
.btnEBulten { position: relative; bottom: 40px; float: right; width: 100px; height: 40px; font-size: 12px; color: rgb(255, 255, 255) !important; border: 1px solid #fff !important; letter-spacing: 1px; }

.divAltLogo {position: absolute;bottom: 0;left: 0;right: 0; text-align: center;font-family: 'ZWFont6';font-size: 21px;}
.divAltLogo div:first-of-type {width: fit-content; margin: 0 auto 20px auto;}
.divAltLogo div:first-of-type img {margin-right: 20px;}
.divAltLogo div:first-of-type img:first-of-type {}

.divResimGaleri div {width: 50%;height: 50vh; float: left;}
.divResimGaleri div:nth-child(1) a, .divResimGaleri div:nth-child(4) a {display: block;width: 100%;height: 100%; float: left;}
.divResimGaleri div:nth-child(2) a, .divResimGaleri div:nth-child(3) a {display: block;width: 50%;height: 25vh; float: left;}
.divResimGaleri img {object-fit: cover;height: 100%;}

.divAnaBannerB {display: flex; flex-direction: row; align-items: center;}
.divAnaBannerB > div:first-child {width: 50%;}
.divAnaBannerB > div:first-child img {height: 100vh;object-fit: cover;}

.divAnaBannerB > div:last-child {margin:0 40px;width: 50%;}
.divAnaBannerB > div:last-child > div {font-size: 12px; line-height: 28px; font-family: ZWFont2;}

/********** NFK ***********/


.ds { display: table; float: left; width: 100%; color: rgb(47, 172, 104) !important; font-size: 14px !important;position: relative;z-index: 99; }
.ds a { display: table; margin: auto; font-family: ZWFont3; border-bottom: 0px !important; line-height: 240% !important; font-size: 98% !important; color: rgb(47, 172, 104) !important; }
.ds a span { display: block; float: left; margin-right: 5px; color: rgb(47, 172, 104); font-size: 120%; line-height: 210%; font-weight: 400; }
.ds a img { width: 0px; float: left; height: 30px; transition: width 0.3s ease 0s; margin-top: 2px !important; margin-right: 0px !important; }
.ds:hover #ds { width: 125px; transition: width 0.5s ease 0s; margin-right: 5px !important; }

.divSlideSolBaslik, .divSlideSagBaslik { position: absolute; top: calc(50% - 20px); font-family: ZWFont3; font-size: 16px; color: rgb(17, 17, 17); line-height: 35px; }
.divSlideSolBaslik { left: 3%; }
.divSlideSagBaslik { right: 3%; }
.divAnasayfaNum {z-index: 99999999999;position: fixed;height: 100vh;float: right;/* top: 109%; */right: 2%;margin-top: -150px;}
.divAnasayfaNum .liaktif { background: rgb(17, 17, 17); }
.divAnasayfaNum li {color: rgb(182, 182, 182);font-size: 6px;margin: 10px 0px;padding: 5px;border: 1px solid rgb(17, 17, 17);border-radius: 50px;z-index: 999999;}
.divAnasayfaNum li a {
    width: 100%;
}
.mobilYukariButon {display: none;}

.divUDResimGaleri { overflow-y: scroll; width: 375px; height: 559px; float: left;}
.divUDResimGaleri::-webkit-scrollbar {display: none;}
/* .divUDResimGaleri:hover {overflow-y: scroll;} */
.divUDResimGaleri img { width: 100%; }

.progress-container {
  width: 559px;
  position: absolute;
  transform-origin: 0 100%;
  transform: rotate(90deg) /* scaleX(-1) */ translate(-100%,-50%);  
  bottom: 0;
  left: 383px;
  background-color: #ededed;
}

.progress-bar {
  height: 1px;
  background-color: #000;
  width: 0;
  min-width: 8%;
}


@media screen and (max-width: 1600px) {
  .divKOrta { padding: 2%; }
  .divUDTab > div:first-of-type { line-height: 45px; }
  .divSOSag { font-size: 12px; }
  .divSOSag > div:nth-of-type(2) > div { line-height: 18px; }
  .divSOSag > div:nth-of-type(2) > div:last-of-type { line-height: 24px; }
  .divSOSag > div:nth-of-type(2) > div:last-of-type > div:last-of-type { font-size: 20px; }


}
@media screen and (max-width: 1400px) {
	
	.AnasayfaThin { font-size: 12px;}
	.divTarihBaslikLi {font-size: 18px;}
	.divTarihBaslikLi2 {font-size: 16px;}
  body { font-size: 12px; }
  .divUDetay { padding: 5px 0px; }
  .divContainer { width: 100% !important; }
  .ulUstSabit li { margin-right: 10px; }
  .ulUstSabit li::before { margin-right: 10px; }
  .divUDBeden > div > h4 > div, .divUDBeden > div > h4 > a { padding: 9px 18px; }
  .tblAltAciklama1 { border-spacing: 5px; font-size: 13px; }
  .divMenuAltDetay > div { width: 100%; }
  .divSOSag > div:nth-of-type(2) > div { line-height: 16px; }
  .divSOSag > div:nth-of-type(2) > div > div:last-of-type { font-size: 16px; }
  .divSOSag > div:nth-of-type(2) > div:last-of-type { line-height: 18px; }
  .divSOSag > div:nth-of-type(2) > div:last-of-type > div:last-of-type { font-size: 18px; }
  .divSSepetSBFiyat { font-size: 16px; }
  .divSSepetSToplam { font-size: 16px; }
  .divSOrta { padding: 2.5% 1%; }
  .divSSepetSatir > div { font-size: 12px; }
  .txtSSAdet { font-size: 16px; line-height: 40px; }
  .divKOrta > div { padding: 20px; }
  .divAltMenuYazi div:first-child {font-family: ZWFont6;font-size: 110px;}
	.divAltMenuYazi div:last-child {font-family: ZWFont7;font-size: 129px;position: relative;bottom: 110px;left: 180px;}

  video {padding:0px;margin:0px;width:100%;height:100vh;object-fit: cover;}
  .divKitapBaslik {font-size: 80px;bottom: 65px;letter-spacing: 10px;}
}

@media screen and (max-width: 1280px) {
	.divAltMenuYazi div:first-child {font-family: ZWFont6;font-size: 110px;}
	.divAltMenuYazi div:last-child {font-family: ZWFont7;font-size: 129px;position: relative;bottom: 110px;left: 180px;}
	.divAnaSoz > div:first-of-type {font-size: 40px !important;}
	.divAnaBanner {margin-top: 15%;justify-content: space-between;}
  .divKOrta { }
  .divKOrta > div { padding: 10px 10px 10px 20px; }
  .divKKayit > div { margin: 1.5%; }
  .divMenuUstTool { margin-right: 5px; }
  .owlUrunler .owl-item:nth-of-type(3n+1) .item { margin-right: 4.5%; }
  .owlUrunler .owl-item:nth-of-type(3n+2) .item { margin-right: 3%; margin-left: 1.5%; }
  .owlUrunler .owl-item:nth-of-type(3n+3) .item { margin-right: 0px; margin-left: 4.5%; }
  .divGaleriBaslik > h2 { width: 100%; }
  .divGaleriBaslik > a { padding: 0px; font-size: 8px; letter-spacing: 0px; }
  .divGaleriBaslik > h2 a:first-of-type { padding: 0px; }
  .divSM { width: 100%; }
  .divSOSag { font-size: 11px; letter-spacing: 1px; }
  .divSOSag > div:nth-of-type(2) { }
  .divSOSag > div:nth-of-type(2) > div:last-of-type > div:last-of-type { font-size: 14px; letter-spacing: 0px; }
  .divSSepetBaslik > div { padding: 5px 10px; }
  .divSSepetBCheck, .divSSepetBSil { width: 50px; }
  .divSSepetSatir > div { padding: 5px 10px; }
  .divSSepetSCheck, .divSSepetSSil { width: 50px; }
  .divSSepetSBFiyat { font-size: 13px; }
  .divSSepetSToplam { font-size: 13px; }
  .txtSSAdet { font-size: 16px; line-height: 30px; }
  .divSSepetSAdet { font-size: 16px; }
  .divHBaslik { font-size: 16px; }
  .divIAMagaza { width: 49%; }
  div.divIAMagaza:first-of-type { width: 100%; margin-right: 0px; margin-bottom: 30px; }
  .divIAMagaza > div:first-of-type { margin-top: 10px; }
  .divKGiris1, .divKGiris2, .divKGiris3, .divKGiris4, .divKGiris5 { background-position: 10px center !important; }
  .divKGiris1::before, .divKGiris2::before, .divKGiris3::before, .divKGiris4::before, .divKGiris5::before { left: 50px; }
  .divKSiparisSatir > div { padding: 5px 10px; }
  .divKSiparisS20, .divKSiparisS10 { font-size: 13px; }

  /********** NFK **********/

  .disDiv {width: 95%;}
  .divAnaBanner > div {width: 32.3%;}
}

@media screen and (max-width: 1000px) {
	.divResimGaleri div {width: 100%;}
	.slider {display: none;}
  .sliderM {display: block;}
	.masaustu {display: none;}
.mobil {display: block;}
	
	.divHLogo {width: 60%;margin: auto;padding-bottom: 10%;}
.divHDetay {margin-bottom: 50px;}
	
  .divIFKayitButon { width: 100px !important; }
  .divKSiparisSatir { line-height: 32px; }
  .divHKategoriDetay a { padding: 10px 0px; }
  .divKOrta { padding: 20px 50px; }
  .divKSagBaslik { padding: 15px 10px; }
  .divKKayitSozlesme { margin: 10px 0px !important; }
  .divKKayitSozlesme input[type="checkbox"] + label { line-height: normal !important; }
  .divKKayitButon { width: 100% !important; }
  .divUDSag > div:first-of-type { display: none; }
  .divYukle > a { left: 0px; }
  .divUDAd { margin-top: 20px; }
  .divUDVaryant > div { padding: 5% 0px; }
  .divUDFiyat { width: 100%; float: left; margin-top: 0px; text-align: left; padding-left: 5px; }
  .divUDPost > div:first-of-type > a:last-of-type { padding-left: 47px; font-size: 12px; }
  .divAMSepetBaslik > span:first-child { }
  .divAMSepetBaslik > span:first-child > span { right: 83px; }
  .divUDSag { padding-right: 0px; }
  .divUUst1 { padding: 4px 6px 0px; }
  .divKategoriBanner > div > .divKategoriBBaslik { margin-top: 20px; }
  .divKategoriBanner > div > span { font-size: 15px; }
  .divKategoriBanner2 > div > span { font-size: 9px; }
  .divKategoriBanner2 > div > .divKategoriBBaslik { line-height: 0px; }
  .divGaleriDis { }
  .divSM > a:nth-of-type(7), .divSM > a:nth-of-type(8) { margin: 0px; }
  .divKategoriBanner { width: 100%; padding: 5%; min-height: auto; }
  .btnMAra, .btnMKullanici, .btnMMSepet { margin-left: 0px; background-size: contain; height: 22px; width: 32px; }
  .btnMAra {  bottom: 40px; line-height: 0; }
  .btnMMSepet { bottom: 130px; background-image: url(../img/icoSepet.png); }
  .aUFKategoriL2A { font-size: 14px; }
  .aUFKategoriL1 { font-size: 14px; }
  .aUFKategoriL2 { font-size: 14px; }
  .aUFKategoriL1A { font-size: 14px; }
  .divContainer { width: 100% !important; }
  /* .divOrta { margin-top: 8px; } */
  .divAltMenuCerez { width: 95%; }
  .divUKod { font-size: 9px; }
  .divMenuUstSabit { padding: 0px 10px; }
  .divMenuUstMesaj { line-height: 25px; letter-spacing: 2px; }
  .divMLeftBaslik { display: block; background-color: #fff; margin-top: 20px; margin-left: 15%; }
  .divMLeftAltGoster { display: block; }
  .divMLeft > * { padding: 0; border-bottom: none; }
  .divMenuIc { padding: 0px; }
  .divMMenu { display: block; margin-top: 11px;}
  /* .aLogo::before { content: " "; position: absolute; width: 100%; border-bottom: 1px solid rgb(237, 237, 237); left: 0px; top: 50px; }
  .aLogo::after { content: " "; position: absolute; width: 100%; border-bottom: 1px solid rgb(237, 237, 237); left: 0px; top: 97px; } */
  .aMLeftLogo { width: 200px; height: 70px; }
  .aMRightKapatSolMenu { position: absolute; float: none; top: 0; right: 0; }
  .divMenuUstTool { margin-top: 20px; width: 60px; }
  .divMenuUstTool > * { content: " "; margin-left: 10px; }
  .divMenuUstTool > :first-child { margin-left: 0px; }

  .slideBar > div { display: none; }

  .div4u { margin-right: 0px; top: -3px; }
  .navMenuUst { display: block; margin: 0px; background-color: rgb(255, 255, 255); }
  .navMenuUst > ul { margin-top: 40px; padding: 0px; width: 100%; }
  .navMenuUst > ul > li { margin-bottom: 10px; padding: 0px; width: 100%; border-bottom: 1px solid rgb(255, 255, 255); position: relative; }
  /* .navMenuUst > ul > li::after { content: " "; position: absolute; left: 0px; bottom: 1px; width: 100%; height: 1px; border-bottom: 1px solid rgb(237, 237, 237); } */
  .navMenuUst > ul > li > a { margin-right: 0px; padding: 0px; font-size: 16px; margin-left: 10px; display: block !important; font-family: ZWFont3; letter-spacing: 1px; font-weight: bold;}
  .navMenuUst > ul > li > div { position: relative; top: 0px; left: 0px; margin-top: 10px; padding-top: 0px; width: 100%; }
  .navMenuUst > ul > li > div > div { width: 100%; background-color: rgb(255, 255, 255); }
  .navMenuUst > ul > li > div > div > * { display: block; padding: 0px 20px; }
  .navMenuUst > ul > li > div > div > ul > li:first-of-type a { }
  .navMenuUst > ul > li > div > div > ul > li > a { font-family: ZWFont3; font-size: 16px; letter-spacing: 1px; }
  .liMenuUst > div > div > ul > li > div > div > ul > li { font-family: ZWFont3; font-size: 16px; letter-spacing: 1px; }
  .divSM { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 10%; margin-left: 5%;  }
  .aSMInstagramM { background-image: url("../img/ico-instagram.svg"); background-repeat: no-repeat; background-size: contain; width: 20px !important; height: 20px !important; }
  .aSMFaceM { background-image: url("../img/ico-face.svg"); background-repeat: no-repeat; background-size: contain; background-position: center center; width: 19px !important; height: 19px !important; }
  .divAMArama > div { width: 100%; }
  .divAMDefault { top: 108px; z-index: 100; }
  .divAMCerceve { margin-right: auto; margin-bottom: 5px; background: url("../img/icoDDOk.png") right center / 20px no-repeat rgb(255, 255, 255); padding: 3px 5px; }
  .divAMCerceve > div { display: none; }
  .divMenuAltSabit { margin-top: 0px; }
  .txtArama { margin-bottom: 5px; padding: 15px 50px; }
  .tblAltAciklama1 { border-spacing: 0px; font-size: 12px; letter-spacing: 0px; }
  .tblAltAciklama1 td { float: left; width: 50%; padding: 5px 0px; border-right: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); }
  .tblAltAciklama1 td:nth-of-type(2n) { border-right: 1px solid rgb(255, 255, 255); }
  .tblAltAciklama1 td:last-of-type { width: 100%; }
  .tblAltAciklama1 img { height: 30px; }
  .divUDBeden > div > h4 > div, .divUDBeden > div > h4 > a { width: 50px !important; padding: 10px 0; width: auto; margin-left: 0; text-align: center; }
  .divHKategoriBaslik { font-size: 15px; font-weight: bold; }  
  .divEBulten { width: 100%; margin: 10% 0px; min-width: 100%; }
  .divEBultenBaslik { font-size: 14px; }
  .divEBultenDetay > div:nth-of-type(3) { width: 90%; }
  .divEBultenDetay > div:last-of-type { width: calc(100% - 120px); }
  .txtEBulten { line-height: 40px; }
  .btnEBulten { width: 100px; height: 40px; }
  .divAltAciklama2 { margin-top: 0px; padding-top: 20px; }
  .divAltAciklama2 img { max-height: 30px; text-align: center; margin: auto; }
  .ds { line-height: 30px; }
  .divMenuAltDetay { margin-top: 100px; padding-top: 0px; }
  .divMenuAltDetay > div { text-align: center; }
  .divMenuAltDetay > div a { font-size: 10px; }
  .divMenuAltDetay > div > div { margin: 0px; width: 100%; padding: 10px 0; text-align: left;}
  .divMenuAltDetay > div > div > div { display: none; background-color: rgb(255, 255, 255); }
  .divMenuAltDetay > div > div > a { padding: 5px 0px; }
  .divMenuAltDetay > div > div > a:first-of-type { margin-bottom: 0px; border-bottom: none; font-size: 14px; line-height: 20px; }
  .divSlide { display: none; }
  .divSlideM { display: block; }
  .divSlideM .img-responsive { width: 80%; }
  .divSlideM .owl-item:first-child .img-responsive { width: 70%; }
  .aAnaBanner { width: 100% !important; margin: 5px 0px 0px !important; }


  .btnMKullanici { display: none; }

  .slideBar { position: absolute; left: 0; bottom: -10px; width: 90%; margin-left: 5% !important; }

  input[type="range"] {
    width: 100%;
  }

  .divMUUst > div:nth-of-type(1) > a {padding-top: 20px;}

  .aMRightKapatFiltre {display: none;}

  /* URUN DETAY MOBİL */

  .divUDOzetGenel {display: none;}
  .divUDDis > div:nth-of-type(3) {width: 100%;}
  .divUDFiyat {margin-bottom: 24px; padding-left: 0;}
  .divUDAd h1, .divUDAd h2 {margin-bottom: 0;}
  .divUDButon {width: 40%; float: left; font-weight: bold; margin-bottom: 6px;}
  .btnUDSepet {font-size: 14px; margin: 0;}

  .divUDAd2 { position: absolute; top: 150px; width: 100%; left: 0; }
  .divUDAd3 { position: absolute; top: 190px; width: 100%; left: 0; }

  /* .divUrunDetay {display: none;}
  .divUrunDetayMobil {display: block;} */

  .divuDResimDis {position: inherit; width: 340px; margin-top: -25px;}
  .divUDResimGaleri {height: 340px; width: 100%;}
  .divUDResimGaleri ul li {height: 340px;}
  .divUDThumbnail {display: none;}
  .divUDOzet {height: 100%; width: 100%; overflow: unset; padding-top: 0; }
  .divUDOzet > div > div {margin-top: 16px; text-align: left;}
  .divUDOzet > div div ul li {margin-bottom: 12px;}
  .divUDOzet > div:nth-child(2) div ul li {margin-left: 15px; list-style-type: disc;}
  .divUDOzet > div > div > ul img {width: 16px; height: 16px;}
  .divMenuAltDetay {padding-bottom: 70px; border-bottom: none;}

  .mobilYukariButon {display: block;}
  .progress-container, .progress-bar {display: none;} 

  .divUDStok label{display: inline-block;width: 22%;background-color: rgba(255, 255, 255, .9);border: 1px solid #000;color: #000;margin: 5px 0px;padding: 3px 0;transition: all .2s;font-weight: bold;font-size: 14px;text-align: center;}
  .divUDStok input[type="checkbox"]:checked + label {background-color: #000;color: #fff;transition: all .2s;}
  .divUDStok input[type="checkbox"] {display: absolute;}
  .divUDStok input[type="checkbox"] {position: absolute;opacity: 0;}
  .divUDStok input[type="submit"] {margin-top: 24px;padding: 8px 16px;border: 1px solid;font-size: 16px;font-weight: bold;letter-spacing: 1px;}

  .divReyonResim > div:first-of-type {display: flex; width: 100%; align-items: flex-end;}
  .divReyonResim > div:nth-of-type(2), .divReyonResim > div:nth-of-type(3) {display: none;}
   #firstResim .divUrunlerBaslik, #secondResim .divUrunlerBaslik {display: none;}
  .divReyonAktif {display: block !important;}

  .divMobilKargo span a {display: inline-block !important; text-transform: none ; }
  .divMobilStok > .aMRightKapat, .divMobilKargo > .aMRightKapat {display: none;}
  .divMobilStok > div:first-of-type, .divMobilKargo div:first-of-type {display: none;}
  .divUDOzet > div h4 {display: none;}
  .divSM > a {margin-right: 30px;}
  
  /* footer .divSM {display: none;}
  footer .divMenuAltDetay {display: none;} */
  .divUAlt {display: flex; flex-direction: column-reverse; align-items: center; align-content: center; border-top: none;}
  .divUAltSol > div:first-of-type {display: none;}
  .divUAltSag > div:first-of-type {margin-bottom: 16px;}
  .divUAltSag > div:nth-of-type(2) {display: none;}

  .divUDBedenMobil { display: none; position: absolute; background-color: white; top: -90px; width: 100%;} 
  .divUDBedenMobilAktif {display: block;}
  .divCanliDestek {display: block;}
  .divUDBeden {text-align: center; border-top: 1px solid white; border-bottom: 1px solid white; margin-top: 20px;}
  .divUDBeden > div > h4 {display: inline-block; width: 15%; padding: 5px 0; font-size: 16px;}
  .divUDBedenDetay {margin-top: 15px; margin-bottom: 15px;}

  .divMenuAltDetay > div > div > a > h5 {width: 100%;}
  .divMLeftAltGoster {position: unset; float: right;}

  .UDBedenMobilKapat {position: absolute;right: 0;width: 16px;height: 24px;background: url(../img/btnSSSil.png) center center / contain no-repeat;}

  .divUDBeden h4:hover { }

  .divUDBedenA, .divUDBedenPA { background-color: black !important; color: white !important; border: 1px solid black;}

  /******* NFK ******/
  .divMMenu {position: absolute; right: 20px; z-index: 99;}
  .aLogo { width: 105px; height: 110px; margin-top: 10px;background-size: cover; }
  .divLogo2 {display: none;}
  .aLogo3 {display: none;}
  .liMenuUst {color: #000;}
  .divSlideYazi {left: 0; bottom: 15px; left: -30px;}
  .divSlideYazi > div {font-size: 20px;}
  .divSlideYazi img {width: 40%;}
  .divSlideSoz {display: none;}
  .divSlideTarih {right: 3%; width: 200px;}
  .divSlideTarih > div {font-size: 12px; margin-bottom: 20px;}

  .divAnaBanner > div {width: 70%;margin-bottom: 40px;}

  .divAnaSoz {top: 30%;}
  .divAnaSoz > div:first-of-type {font-size: 40px;}
  .divAnaSoz > div:nth-of-type(2) {font-size: 20px;}

  .divAltMenu {flex-direction: column; align-items: center; top: 0;}
  .divAltMenu > div:nth-child(2) {margin-bottom: 50px;margin-top: -70px;}
  .divAltMenuYazi div:first-child {font-size: 120px;}
  .divAltMenuYazi div:last-child {font-size: 120px; bottom: 120px; left: 240px;}
  /* .divAltLogo {position: unset;} */

  .divAnaBannerB {flex-direction: column;}
  .divAnaBannerB > div:first-child {height: auto; width: 80%;}
  .divAnaBannerB > div:first-child > img {height: auto; width: 100%;}
  .divAnaBannerB > div:last-child {margin-top: 30px;width: 80%;}

  .divAnaBannerB > div:last-child > div {text-align: left !important; }

  .divAnaBanner {flex-direction: column;align-items: center;}
  .divKitapBaslik {bottom: 30px;}
  .divKitapAciklama {font-size: 10px;}
}


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

	.divAltLogo div:first-of-type img {margin: 0px !important;width: calc(33% - 3%);margin-right: 2% !important;}
	.divSlideYazi1 > div { font-size: 37px;}
	.divAltMenuYazi div:last-child { width: fit-content;}
	body {letter-spacing: 0px;}
	.divAltMenu > div:nth-child(2) {width: 80%;}
	.divAnaBannerB > div:last-child > div { font-size: 14px;}
	.divHDetay {width: 90%; }
	.divSlideYazi > div:nth-of-type(2) {letter-spacing: 0px;}
	.divSlideTarih {bottom: 35%;}
	.videoSes  {bottom: 20%;}
	.divSlideYazi > div { text-align: left; margin-left: 20px;font-size: 30px;font-family: 'ZWFont3';}
	.divSlideYazi { left: 0; bottom: 24%;}
	.divAnaSoz > div:first-of-type { font-size: 25px}
	.divAnaSoz > div:nth-of-type(2) { font-size: 12px}
	.divAnaSoz {letter-spacing: -1px;}
	
	
	.divAnaSoz1 > div:first-of-type { font-size: 25px}
	.divAnaSoz1 > div:nth-of-type(2) { font-size: 12px;ine-height: 26px;
    margin-top: 5%;}
	
	
	
  #owl-galeri1 .owl-buttons { width: 55px; top: -55px; right: 4px; }
  #owl-galeri1 .owl-prev, #owl-galeri1 .owl-next { width: 28px; height: 28px; background-size: contain; }

  /***** NFK *****/

  .divAltMenu > div:last-child > div {width: 100%;}
  .divAltMenu ul li {margin-right: 30px; margin-bottom: 20px;}
  .divAltMenu ul {margin-bottom: 0; margin-left: 20px;}

  .divAnaBannerB > div:first-child {height: auto; width: 100%;}
  .divAnaBannerB > div:first-child > img {height: auto; width: 100%;}
}

@media screen and (max-width: 450px) {
  .divAMSepetBaslik > span:first-child > span { right: 25px; }
  .divAMSepet { width: 100%; right: -100%; }
  .divSlideM { margin-top: 6%; }
  .divSlideM .owl-item:first-child .img-responsive { width: 70%; }
  .divSlideM .owl-next, .divSlideM .owl-prev { top: 40% !important; }

  .divuDResimDis {position: inherit; width: 100%; margin-top: -25px;}
  .divUDResimGaleri {height: 380px; width: 100%;}
  .divUDResimGaleri ul li {height: 380px;}
  .divMUUst > div:last-of-type { padding: 10px; }

  .owl-prev, .owl-next {position: absolute !important; top: 45% !important;}
  .divUReyon {font-size: 8px; top: 62%;}

  .slideBar {bottom: -5px;}

  /****** NFK *****/

  .divAltMenuYazi div:first-child {font-size: 80px;}
  .divAltMenuYazi div:last-child {font-size: 80px;bottom: 75px;left: 110px;}

  .btnEBulten {bottom: 0;}

  .divAltMenu ul li { width: 100%; }

  .divAnaBanner > div {width: 100%;}

  .divAnaBanner > div {width: 90%;}
}

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

  .owl-prev, .owl-next {top: 40% !important;}
  .divAltNav a {font-size: 10px;}
  .txtEBulten {font-size: 12px;}

  .divEBultenDetay > div:last-of-type {width: calc(100% - 70px);}

  /***** NFK *****/

  .divSlideYazi {left: 0;}
  .divSlideYazi > div:last-child {text-align: left; margin-left: 10px;}
}

@supports (-ms-ime-align: auto) {
  .d
  ivSM > a:nth-of-type(1), .divSM > a:nth-of-type(2) { height: 140px; }
}
@media screen� {
  .divSM > a:nth-of-type(1), .divSM > a:nth-of-type(2) { height: 140px; }
}