@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Outfit:wght@100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Hubot+Sans:ital,wght@0,200..900;1,200..900&family=Mona+Sans:ital,wght@0,200..900;1,200..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body {
  --sb-track-color: #efefef;
  --sb-thumb-color: #888888;
  --sb-size: 8px;
}

body::-webkit-scrollbar {
  width: var(--sb-size)
}

body::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 3px;
}

body::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 3px;
  
}

@supports not selector(::-webkit-scrollbar) {
  body {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}
html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}
.margin5 {margin-top:5px;}
.margin10 {margin-top:10px;}
.margin15 {margin-top:15px;}
.margin20 {margin-top:20px;}
.margin24 {margin-top:24px;}
.margin25 {margin-top:25px;}
.margin30 {margin-top:30px;}
.margin32 {margin-top:32px;}
.margin40 {margin-top:40px;}
.margin48 {margin-top:48px}
.margin50 {margin-top:50px;}
.margin60 {margin-top:60px;}
.margin70 {margin-top:20px;}
.margin80 {margin-top:80px;}
.margin90 {margin-top:90px;}
.margin100 {margin-top:100px;}
.temiz {clear: both;}
.temiz2 {clear: both;}
.center {text-align: center;} 
.bold {font-weight:500;}
.bold2 {font-weight: 500;}
.thin {font-weight: 300;}
.tright {text-align: right;}
.tleft {text-align: left;}

.cnavy {color: #00124F;}
.c800{color: #0521C6;}
.c700{color: #0627F2;}
.c600{color: #1533F8;}
.c500{color: #375AF8;}
.c400{color: #6B8EFA;}
.c300{color: #9DB9FB;}
.c200{color: #C7D9FD;}
.c100{color: #E1EAFE;}
.c50{color: #EFF6FE;}
.cprimary{color: #081C9E;}
.csecondary{color: #6B72B8;}
.cfourly{color: #E1E4EB;}
.cnavygri{color: #8D93A5;}
.cred50 {color:#FEE1E4;}
.cred100 {color:#B55B6E}
.corange {color:#FF9035}
.cgreen {color:#49A684}

.title-text20 {font-size:24px;}  
.title-text16 {font-size:20px;}  



a {text-decoration: none !important}

.bg-header {background-color:#302727}

header {width: 100%; height:auto; background-color: #302727}

.modal-footer {border:none;}


.hust {width: 94%; margin:0 auto; padding-top:32px;display: flex; justify-content: space-between; align-items: center;  border-bottom:1px solid #504443; padding-bottom:32px}

.hust1 { display:flex; flex-wrap:wrap;align-items: center; }

.hform p {font-size:18px !important; font-weight: 300}


.logo {text-align: left; color:var(--bs-white); font-size:24px; font-weight: 500}
.logo svg {width:180px; height:64px}
.menu {margin-left:32px;}
.menu ul {width: 100%; padding:0px; margin:0px;}
.menu ul li {list-style: none; float: left}
.menu ul li a {padding:16px;  text-decoration: none; font-size:14px; color:var(--bs-white); opacity: .5; }
.menu ul li a:hover {opacity: 1}
.msag {float: right;  text-align: right;}
.girisbtn {padding:16px 32px; border:1px solid rgba(255, 255, 255, 0.13); background-color:none; border-radius: 100px; font-size:14px; color:var(--bs-white); }
.kayitbtn {padding:16px 32px; background: rgba(255, 255, 255, 0.13); font-size:14px; border-radius: 100px; margin-left:16px; color:var(--bs-white); }
.girisbtn i {margin-right: 5px;}
.kayitbtn i {margin-right: 5px;}
.girisbtn:hover {border:1px solid #fff; transition: .4s}
.kayitbtn:hover {background-color:var(--bs-white); color: var(--bs-navy); transition: .4s}

.bbutton {padding:24px 32px;  background-color:#e4e0dd; border:2px solid #e4e0dd; border-radius: 100px; font-size:16px; color:#504443 }
.bbutton:hover {background-color:#fff; transition:.4s }
.bbutton i {margin-left:24px}

.projeh3 {width: 100%; margin-top:64px; text-align: center;}
.projeh3 h3 {font-size:20px; font-weight: 500; letter-spacing: 1px}
.projeh3 p {font-size:24px; font-weight: 300; margin-top:24px}


.projeh4 {width: 100%; margin-top:64px;font-size:18px; font-weight:300 }
.projeh4 h3 {font-size:20px; font-weight: 500; letter-spacing: 1px}
.projeh4 p {font-size:24px; font-weight: 300; margin-top:24px}


.nedenh4 {margin-top:48px; font-size:24px; font-weight: 400; }
.nedenbiz {width: 100%; gap:24px; display: flex;flex-wrap: wrap; margin-top:32px}
.nbox {width:32%; border:1px solid #fff; background-color: #fff; padding:24px; font-weight: 300}
.nbox h4 {font-size:18px; font-weight:400;}
.nbox p {font-size:14px;}
.nbox2 {width:49%; border:1px solid #fff; background-color: #fff; padding:24px;}
.nbox2 h4 {font-size:20px; font-weight:500;}
.nbox2 p {font-size:14px;}

.salesproject {margin-top:48px;}
.salesproject h3 {font-size:32px; font-weight: 400; display: inline-block;}
.satisproje {width: 100%; margin-top:24px; display: flex; flex-wrap: wrap; gap:24px}


.acilirform {padding:16px;}
.acilirform p {font-size:16px;}


.anahead {padding:10% 2%; color: #fff !important; height:480px}


.sbox { background-color:#fff; width:32%; border-radius: 24px 24px 16px 16px; display: inline-block; height: auto;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.sbox:hover {margin-top:-5px; transition: .3s}
.sbox figure img {width: 100%; height:420px; border-top-left-radius:24px; border-top-right-radius:24px; object-fit: cover; object-position:top}
.sbox figcaption {font-size:24px; line-height: 1.8rem; color:#473c3c; padding:8px 24px 24px 24px; text-align: center;}
.sbox figcaption span {font-size:12px; letter-spacing: 1.4px; color: #86746c}
.sbaslik {display: flex; justify-content: space-between; align-items: center}
.tumbutton {padding:12px 24px; background-color:#cbc3bd; border-radius: 100px; color:#514442}
.tumbutton:hover {background-color:#87746b; color:#fff; transition: .3s;}
.campaing {width: 100%; padding:48px; }
.campaingdiv {display: flex; justify-content: space-between; align-items: center;}
.campaingdiv img {width: 100%; height:460px; border-radius: 12px; object-fit: cover; object-position: top}
.deger h2 {font-size:32px; font-weight: 500;}
.deger h3 {font-size:48px; font-weight: 200;}
.deger ul {margin:0; padding:0; margin-left:24px}
.deger ul li {list-style:circle; font-size:20px;padding:6px 0px; font-weight: 300;}
.deger ul li b {font-weight: 500}

.deger {width:46%;}
.degerimg {width:54%;}


.projeler {width: 100%; margin-top:32px; display: flex; justify-content: space-between}
.probox {width:49%;}
.probox img {width: 100%; height:380px; border-radius:20px; object-fit: cover;object-position: top}


.plan {width: 100%; margin-top:48px; display: flex; justify-content: space-between; align-items: center; border-radius: 16px; background-color:#fff; padding:48px 64px;}
.plan h4 {font-weight: 300; font-size:32px; line-height: 3.4rem}
.planbox {width:48%; line-height: 3rem}
.planbox2 {width:50%; font-size:16px; font-weight: 300;  padding-left:4%; border-left:1px solid #e4e0dd; }


.sıksorulan {width: 100%; display: flex;justify-content: space-between; gap:32px; margin-top:48px}
.sbox1 {width:40%; font-size:16px}
.sbox2 {width:54%;}
.sbox1 h3 {font-weight: 400; line-height: 2.6rem}
.sbox1 p {font-size:20px; font-weight: 300}

.siksorulan1 {background-color:#f4f3f2 }

.margin20 {margin-top:20px;}
.hbox {width: 100%; margin-top:24px; display: flex; align-items: center; padding:24px 3% 48px 3%}
.hslider {width: 68%; padding-right:2%;}

.hslidiv {width: 68%; padding-right:2%; height:auto; display: flex; align-items: center; background-color:#473c3c; padding:48px 48px; border-radius: 16px}

.hsbox1 {color:#fff; width:45%; margin-left:1%; padding-right:4%;}
.hsbox1 span {font-size:13px; letter-spacing: 1.5px; padding:12px 0px; display: inline-block;}
.hsbox1 h1 {font-size:32px; font-weight: 300; line-height:3rem}
.hsbox1 p {font-size:16px; font-weight: 200; margin-top:16px}
.hsbox2 {width:55%;}
.hsbox2 img {width: 100%; height:480px; object-fit: cover; border-radius: 16px;}

.hform {width:32%; color:#fff; padding-left:2%; border-left:1px solid #504443}
.hform p {font-size:14px;}

.hinput {width: 100%; display: inline-block; padding:24px; background-color:#504443;  color:#fff; border:1px solid #504443; border-radius:8px; margin-top:16px}
.hinput::placeholder {color:#fff !important; font-size:16px; font-weight:300}
.hinput:hover {border:1px solid #504443; background: none; transition: .4s}

.finput {width: 100%; display: inline-block; padding:24px; background-color:#fff;  color:#504443 !important; border:1px solid #fff; border-radius:8px; margin-top:16px}
.finput::placeholder {color:#504443 !important; font-size:16px; font-weight:300}
.finput:hover {border:1px solid #504443; background: none; transition: .4s}

.finput2 {width: 100%; display: inline-block; padding:24px 24px 24px 20px; background-color:#e4e0dd;  color:#504443 !important; border:1px solid #fff; border-radius:8px; margin-top:16px}
.finput2::placeholder {color:#504443 !important; font-size:16px; font-weight:300}
.finput2:hover {border:1px solid #504443; background: none; transition: .4s}



.formbutton {background-color: #fff; width: 100%; padding:24px; font-size:18px; color:#272121 !important; border-radius: 8px; font-weight: 500; text-align: center; display: inline-block;}
.formbutton:Hover {background-color: #cbc2bd; color:#fff; transition: .4s}

.formbutton2 {background-color: #504443 !important; width: 100%; border:none !important; padding:24px; font-size:18px; color:#fff !important; border-radius: 8px; font-weight: 400; text-align: center; display: inline-block;}
.formbutton2:Hover {background-color: #cbc2bd; color:#fff; transition: .4s}


.hslider img {width: 100%; object-fit: cover; border-radius:24px; object-position: top; height:520px}

.avantaj {width: 100%; display: flex; gap:24px; padding-bottom:4%}
.abox {padding:24px 32px; font-weight: 300; border-radius: 12px; background-color: #473c3c; width:auto; color:#fff; font-size:20px}
.abox i {font-size:32px;}
.abox:hover {background-color: #272121; transition: .3s}


.mmenu {padding:16px 20px; border-radius: 100px; display: flex; gap:8px; border:none; color: var(--bs-white); font-size:13px; background: rgba(255, 255, 255, 0.13)}
.mobilmenu {display: none}

.mclose {display:inline; width: 100%;}
.mopen {display: none;}
.mm-header {width: 100%; padding:24px; display: flex; color: var(--bs-navy); justify-content: space-between; align-items: center;}
.mm-header h5 {margin:0px}
.mm-header button {background-color:#e4e0dd; color:#504443; border:none; border-radius: 100px; font-size:12px; padding:12px 24px}
.mm-header button i {margin-right: 4px}
.offcanvas-body ul {padding:0px; margin:0px; margin-bottom:24px}
.offcanvas-body ul li {list-style: none;}
.offcanvas-body ul li a {font-size: 16px; color: var(--bs-navy); padding:20px 0px; width: 100%; display: inline-block; border-bottom:1px solid #f1f1f1;}
.offcanvas {background-color:var(--bs-white) !important;}




.teklif2 {width:100%; margin-top:2px; color: #000 !important; text-align: left;  background-color:#fff; padding:80px 0px 80px 0px;}
.teklif2 h3 {font-size:48px; margin-top:0px; margin-bottom:60px; }




footer {background:#fff; padding:48px 0px; margin-top:2px; width: 100%; display: inline-block;}
.flogo {float: left; width:30%; font-size:24px; font-weight: 500}
.flogo span {font-size:18px; letter-spacing: 1px; margin-left:6px}
.flogo a {color: #504443 !important; }
.flogo a:hover {color:#86746c !important}
.fmen {float: right;}
.fmen ul {margin: 0; padding: 0;}
.fmen ul li { list-style:none; float:right;}
.fmen ul li a {padding:0px 24px; color:#000; font-size:16px;}



.fcontact {width:100%; float: right; flex: 1 1 auto; margin-top:20px; display: flex; gap:64px; font-size:24px; font-weight: 600; color:#000; line-height:2rem}
.fcontact span {color:#000; font-weight: 400; font-size:16px}
.fcon1 {margin:24px 0px;}
.fcon1 a {color:#000}

.fcontact1 {width:100%; float: right; flex: 1 1 auto; margin-top:0px; font-size:20px; font-weight: 400; color:#000; line-height:2rem}
.fcontact1 span {color:#000; font-weight: 400; font-size:16px}

.foalt {width: 100%; margin-top:2px; text-align: center;  padding:32px;color: #B4B4B4; font-size:14px;}
.foalt span {color:#060042 !important; font-weight: 500; text-decoration: line-through;}

.tl1 {width: 44%; float: left;}
.tl2 {width: 52%; float: right; padding-left:4%; border-left:2px solid #F4F2EB}



.fsocial {margin-top:32px}
.fsocial ul {flex: 1 1 auto; width: auto; padding:0px; margin:0px;flex: 1 1 auto; display: flex; gap:48px}
.fsocial ul li {list-style: none; padding:6px 0px;}
.fsocial ul li a {color:#000 !important; font-weight: 600; font-size:20px}
.fsocial h4 {font-size:24px; margin-bottom:30px; color:#000;}


.dsocial {display: flex; gap: 24px; margin-top:12px }
.dsocial a {color:#000}




.contact {padding:64px 0px; width: 100%; display: flex; gap: 32px; justify-content: space-between}
.cont-left { width:46%; border-right: 1px solid #e4e0dd; padding-right: 4%}
.cont-right {width:50%;}

.contbox {width: 100%; font-size:18px; margin-top:24px;}
.contbox span {font-size:13px; letter-spacing: 1px}
.pgallery img {height:580px; object-fit: cover; border-radius: 24px;}
.pgallery {width: 100%; margin-top:64px;}
.katplanlari {width: 100%; margin-top:24px; display: flex; gap: 24px;}
.katbaslik {width: 100%; margin-top:64px; text-align: center; display: inline-block;}
.katbaslik h3 {font-weight: 400; font-size:32px;}
.katbaslik p {font-size:20px; font-weight: 300}
.katbox { padding:32px 24px;  width:24%; background-color:#fff; text-align: center; font-size:24px}
.katbox a {font-size:14px; color:#72615c; text-decoration: underline !important; padding:12px 24px;}

.kprice {font-size:16px; font-weight: 400;}
.kparag {font-size:14px;}


.projename {width: 100%; margin-top:64px; display: flex;justify-content: space-between; align-items:flex-end; }
.pname {font-size:48px; font-weight: 400; width:30%; line-height: 3.5rem}
.pname span {font-size:16px; letter-spacing: 1px}

.pdesc {width:60%; font-size:18px; font-weight: 300}
.pproperties {width: 100%; margin-top:48px; display: flex; gap: 16px;}
.pprobox {padding:16px 24px; text-align: center; font-size:18px;  background-color:#fff;}

.harita {width: 100%; margin-top:32px; background-color: #fff; padding:64px 0px;}
.maps {width: 100%; display: flex; gap: 32px; }
.maps h3 {font-size: 32px; font-weight: 400}
.maps p {font-size:18px; font-weight: 300}
.avbox1 {width:40%;}
.avbox2 {width:55%; height: 480px}

.avbox1 ul {margin:0; padding:0; padding-left:16px}
.avbox1 ul li {list-style: circle; padding:6px 0px; font-size:16px}



@media (max-width: 990px) {

.hslidiv {width: 100%; flex-direction: column; border-radius: 16px; margin-bottom:24px; padding:32px}
.hsbox1 {width: 100%; margin:0px; padding-right: 0px; margin-top:16px}
.hsbox2 {width: 100%; margin-top:24px}
.katplanlari {flex-direction: column;}
.katbox {width: 100%;}

.maps {flex-direction: column-reverse; }
.harita {margin-bottom:32px}
.avbox1 {width: 100%;}
.avbox2 {width: 100%;}
.pgallery img {height:420px}
.pproperties {flex-direction: column !important}
.pprobox {margin-top:0px}

.projename {
    width: 100%;
    margin-top: 32px;
    display: flex;
    flex-direction: column;}
.pname {width: 100%;}
.pdesc {width: 100%;}


.mopen {width:100%; display: inline-block;}
.mclose {display: none;}

.mobilmenu {display: inline-block;}

.hbox {flex-direction: column; padding:3%; margin-top:0px}
.hslider {width: 100%; padding:0px;}
.hslider img {width: 100%; height:360px; border-radius: 6px;}
.hform {width: 100%; margin-top:16px; border:none; padding:0px;}


.hust {padding:20px 0px;}

.avantaj {flex-wrap: nowrap; margin-top:24px; flex-direction: row; overflow-y: auto;}
.abox {padding:12px; font-size:14px; width: 48%;}
.abox i {padding-right: 100px;}
.menu {display: none;}
.msag {display: none}

.projeler {flex-direction: column;}
.probox {width: 100%; margin-top:16px}
.probox img {height:300px;border-radius: 16px}
.projeh3 p {font-size:16px}
.plan {flex-direction: column; padding:20px }
.planbox {width: 100%; margin-top:12px}
.plan h4 {font-size:24px; line-height: 2.4rem}
.planbox2 {width: 100%;}

.sbox {width: 100%;}
.campaing {padding:0px}
.campaingdiv img {height: 320px}
.sıksorulan {flex-direction: column; margin-top:32px}
.sbox1 {width: 100%; font-size:14px;}
.sbox1 p {font-size:16px}
.sbox1 h3 {font-size:20px}
.sbox2 {width: 100%;}
.tl1 {width: 100%; float: none;  text-align: center;}
.tl2 {width: 100%; float: none; padding:0px; margin-top:48px; border-top:1px solid #efefef;}
.teklif2 h3 {font-size:32px; text-align: center;}
.fcontact1 {margin-top:20px; font-size:18px}
.fcontact {flex-direction: column; gap:0px; margin-top:0px;}
footer {display: none}
.teklif2 {margin-top:24px; padding:32px 0px 24px 0px}
.fcon1 {margin:0px; margin-top:16px}

.contact {flex-direction: column;}
.cont-left {width: 100%; padding:0px; border:none;}
.cont-right {width: 100%; margin-top:32px}
.nbox {width: 100%;}

}

@media only screen and (min-width:576px) and (max-width:767px) {



}

@media only screen and (min-width:768px) and (max-width:990px) {
.bldleft {width: 100%; margin-bottom:24px}
.bldright {width: 100%;}
.blogdetay {flex-direction: column;}

.bldleft {width: 100%; margin-bottom:24px}
.bldright {width: 100%;}
.blogdetay {flex-direction: column;}
.blgtitle a {font-size:12px;}
.blgbox2-2 {padding:16px 12px}
.bloglist {    flex-direction: column; gap:16px;}
.blogbox {display: flex;}
.blgbox2 {padding:16px;}
.blgmn {width: 100%; overflow-y: auto;}
.blogcategory ul {width:1260px;height:64px}
.blogbanner3 {flex-direction: column;}
.blogbanner2 {padding:20px; font-size:12px; line-height: 1.3rem}
.blogbanner2 p {font-size:14px;}
.blogbanner2 h3 {font-size:16px;}
.blgpd {padding:24px; font-size:12px; line-height: 1.2rem;}
.blgpd h3 {font-size:16px;}
.blogbanner3 img {margin-top:12px; width: 100%;}
.blgcategory {display: none}

.kpformb {margin-top:16px;}
.derstdiger {margin:0px;}
.kpform {padding-bottom:24px; margin-top:0px}
.sepleft p {font-size:12px;}

.sepleft {width: 100%; height: auto; overflow-y: unset !important; padding:0px;}
.sepright2 {display: none;}
.sepright {display: none;}

.derstalebi {width: 100%; display: inline-block; margin-top:16px}
.derst-ucret {font-size:12px;}
.derst-bilgi {font-size:12px; line-height: 1rem}
.derst-adi {font-size:16px;}
.dd100 {width: 100%; overflow-y: auto;}
.derstdiger ul {width:600px}
.derstdiger h3 {text-align: left;}
.derstdiger {margin-top:8px}
.derst3 {flex-direction: column;align-items: flex-start;}
.derst2 {flex-direction: row-reverse; text-align: left; gap:6px; margin-top:6px}
.temiz2 {display: none;}
.derst2-1 {font-size:13px}
.derst2-1 span {margin-left:2px; font-size:13px}
.derst2-2 {margin-left:0px;}
.blogbanner3 {flex-direction: column}
.blgmn {overflow-y: auto;}
.blogcategory ul {width:1260px; height:64px}
.blogbanner1 {margin-top:-24px}
.blgphoto2 {width:40%;}
.blgphoto {width:50%}
.yorumlar {width: 100%;}
.filtreler {flex-direction: column; gap:12px; margin-top:-240px}
.filtrediv {overflow-y: auto}
.filtreler ul {flex-wrap: wrap; width: 960px; margin-bottom:16px;}
.filtreler ul li {margin:12px 0px}
.enbox1 {width: auto;}
.enbox {overflow-y: auto; margin-top:24px}

}

@media only screen and (min-width:991px) and (max-width:1140px) {
.sepleft {width: 100%; height: auto; overflow-y: unset !important; padding:0px;}
.sepright2 {display: none;}
.sepright {display: none;}
.menu {display: none;}
.msag {display: none;}
.mobilmenu {display: inline-block;}
.blgmn {overflow-y: auto;}
.blogcategory ul {width:1260px; height:64px}
.yorumlar {width: 100%;    flex-direction: column;}
.yorum1 {width: 100%;}
.yorum2 {width: 100%; margin-left:0px; margin-top:48px}
.listbox {width: 49%}
.filtreler {flex-direction: column; gap:12px;}
.filtrediv {overflow-y: auto}
.filtreler ul {flex-wrap: wrap; width: 960px; margin-bottom:16px;}
.filtreler ul li {margin:12px 0px}
.selboxright {display: none;}
.selboxleft {width: 100%;}
.enbox1 {width: auto;}
.enbox {overflow-y: auto; margin-top:24px}
.dersalani-nav {overflow-y: auto;}
.dersalani-nav ul {width:1250px; height: 64px;}
.gorusyaz2 i {font-size:28px}
.d-purble2 {margin-top:24px;}
.dersalmak-purble {flex-direction: column; align-items:normal}
.horta {width:84%}

}

@media only screen and (min-width:1141px) and (max-width:1200px) {
.menu {display: none;}
.msag {display: none;}
.mobilmenu {display: inline-block;}
.blgmn {overflow-y: auto;}
.blogcategory ul {width:1260px; height:64px}
.yorumlar {width: 104%;}
.filtreler {flex-direction: column; gap:12px;}
.filtrediv {overflow-y: auto}
.filtreler ul {flex-wrap: wrap; width: 960px; margin-bottom:16px;}
.filtreler ul li {margin:12px 0px}
.selboxright {display: none;}
.selboxleft {width: 100%;}
.horta {width: 84%}
}

@media only screen and (min-width:1201px) and (max-width:1400px) {
.blgmn {overflow-y: auto;}
.blogcategory ul {width:1260px; height:64px}
.yorumlar {width: 104%;}
.tosearch2 { width:395px; inset:4px auto auto 320px }

}

@media only screen and (min-width:1401px) and (max-width:1600px) {
.yorumlar {width: 104%;}

}

@media only screen and (min-width:1601px) and (max-width:1800px) {


}

@media only screen and (min-width:1801px) and (max-width:2000px) {

}

@media only screen and (min-width:2001px) and (max-width:2200px) {

}

@media only screen and (min-width:2201px) and (max-width:2560px) {

}